|
阅读:12590回复:4
关于vue 反向代理解决跨域
问题描述:一直没用过代理,今天老大有需求让我在前台解决跨域,然后屁颠屁颠的答应了,开始了反向代理之旅。步骤如下1:首先找到config下面的index.js文件夹,如下图所示:
图片:代理.png
2:在页面调用,如下图所示: 图片:axios.png
以上步骤在自己本机没毛病,可以看到数据。然后老大发到服务器上,excuse me?数据呢,后来在后台老大的教育之下,给我讲了一下原理,dev是开发模式,能在本机看到结果,但只是用于开发,一旦发布到服务器上,dev不起作用,起作用的是build下面的,简而言之就是api1在服务器上根本不会被解析,替换成正确的地址,传到服务器上仍然是api1 |
|
最新喜欢: |
|
沙发#
发布于:2018-12-13 11:19
|
|
|
板凳#
发布于:2018-12-13 11:19
|
|
|
地板#
发布于:2018-12-12 11:58
vue开发测试的代码的反代理只在ide内生效,反代理是由ide插件实现的,并非代码实现的,打包发布后,无论部署在本地还是服务器都没有反代理效果,如果要继续使用反代理,可以根据你所使用的webserver百度搜索具体配置方式,或者单独下载nginx进行配置,如果使用nginx进行反代理注意设置nginx开机自启动,防止服务器重启nginx失效,具体请百度
|
|
|
|
4楼#
发布于:2018-12-11 15:53
这个和之前打包一样的,vue反向代理如果发布要想用的话,在发布服务上器,要自己设置代理,不然就不生效,因为vue打包只会生成html,css,js代码,代理的设置是不会有的,而且也不会使用vue的服务器。
所以,跨域问题还是交后台去处理,哈哈. 服务器的地址的话,还是写一个配置文件,全局调用,方便修改 |
|
