Vue项目-喵喵电影-打包跨域问题

最近跟着老师的教程做了一个vue的实战项目——喵喵电影。

先放几张图，看看你学的是不是和我一样。

一路顺风顺水，最后打包出来，老师用nginx解决的跨域问题。

吐槽一下，自己写的后台就不能允许跨域吗？

so，自己打包的项目没有用代理时无法get到数据的，

so too，用php做了个中转站，差一丢丢完美解决跨域问题。

网址：http://api.youngam.cn/miaoApi

当然，只支持GET请求。

说一下传参的问题：

和教学视频参数基本一致，唯一不同就是将最后一级的访问地址换成了一个需要传的参数。

举个栗子：

//原版api地址
http://39.97.33.178/api/movieOnInfoList?cityId=10//我的地址
http://api.youngam.cn/miaoApi/?type=movieOnInfoList&cityId=10

这里我们将 movieOnInfoList 当作type参数的值进行传递。

知道你们懒，这里给出所有接口：

//影院
http://api.youngam.cn/miaoApi/?type=cinemaList&cityId=10//城市
http://api.youngam.cn/miaoApi/?type=cityList//即将上映
http://api.youngam.cn/miaoApi/?type=movieComingList&cityId=10//正在热映
http://api.youngam.cn/miaoApi/?type=movieOnInfoList&cityId=10//搜索
http://api.youngam.cn/miaoApi/?type=searchList&cityId=10&kw=12//电影详情
http://api.youngam.cn/miaoApi/?type=detailmovie&movieId=1211270

唯一的问题就是获取定位，

模拟访问无法获取定位，很尴尬。（php菜鸟）

然后就是这样。

可以看一下我的，喵喵电影

反正，随时有可能挂，看运气咯。

转载于:https://www.cnblogs.com/tcxq/p/11273237.html

Vue项目-喵喵电影-打包跨域问题相关推荐

一步步教你前端vue项目开发中如何解决跨域问题
文章目录开发环境中跨域名词解释 1.同源策略: 2.同源: 3.跨域: 4.代理服务器: 解决方式项目背景跨域配置 1.配置说明: A.参数proxy详解: B.pathRewrite详解: ...
解决vue项目中前后端交互的跨域问题、nginx代理配置
最近新接了一个项目,需要自己写一个小demo和后端联调,第一次用自己写的demo和后端联调,出现了问题. 问题:Access to XMLHttpRequest at 'http://192.168. ...
Vue flask前后端分离解决跨域
Vue flask前后端分离解决跨域安装axios 在项目目录下输入:npm install axios--save-dev 配置axios 在main.js中引入axios import axio ...
vue中axios访问Java后端跨域问题解决
vue中axios访问Java后端跨域问题解决参考文章: (1)vue中axios访问Java后端跨域问题解决 (2)https://www.cnblogs.com/soinve/p/9295009 ...
Vue+Flask前后端分离 Vue3跨域配置
Vue+Flask前后端分离 Vue3跨域配置前端端口号为8080 后端端口号为5000 问题描述问题解决接口路径映射前端端口号为8080 后端端口号为5000 后端端口API 代码片. @a ...
Vue中调接口时出现的跨域问题
在 vue.config.js文件中新增以下属性 module.exports = {devServer: {//跨域proxy: {'/api': {target: 'http://v.juhe.c ...
vue如何解决axios请求前端跨域问题
一.为什么会出现跨域的问题? 跨域:浏览器从一个域名的网页去请求另一个域名的资源时,域名.端口.协议任一不同,都是跨域. 在前后端分离的模式下,前后端的域名是不一致的,此时就会发生跨域访问问题.跨域问 ...
vue服务器代理proxyTable配置解决跨域
目录 1.Proxy代理作用 2 .常见情况 3.应用方式 4.具体配置实例 5.配置思路代理原理总结 1.Proxy代理作用 proxy代理作用:前端服务器代理的作用是,告诉服务器任何未知请求( ...
Windows下的Nginx部署React项目及解决反向代理跨域问题等-20.8.1更新
文章目录 1. 概述 2. 优点 3. 为什么选择Nginx 4. 下载 5. 安装 6. 配置参数详细说明 7. 命令行参数 7.1 启动nginx 7.2 重启nginx--重新加载配置 7.3 ...

Vue项目-喵喵电影-打包跨域问题

Vue项目-喵喵电影-打包跨域问题相关推荐

最新文章

热门文章