fxx
fxx
侠客
侠客
  • 最后登录2020-11-27
  • 发帖数20
阅读:12589回复:4

关于vue 反向代理解决跨域

楼主#
更多 发布于:2018-12-11 14:54
问题描述:一直没用过代理,今天老大有需求让我在前台解决跨域,然后屁颠屁颠的答应了,开始了反向代理之旅。步骤如下1:首先找到config下面的index.js文件夹,如下图所示:

图片:代理.png



2:在页面调用,如下图所示:

图片:axios.png


以上步骤在自己本机没毛病,可以看到数据。然后老大发到服务器上,excuse me?数据呢,后来在后台老大的教育之下,给我讲了一下原理,dev是开发模式,能在本机看到结果,但只是用于开发,一旦发布到服务器上,dev不起作用,起作用的是build下面的,简而言之就是api1在服务器上根本不会被解析,替换成正确的地址,传到服务器上仍然是api1

最新喜欢:

sunshinesunshi...
fxx
fxx
侠客
侠客
  • 最后登录2020-11-27
  • 发帖数20
沙发#
发布于:2018-12-13 11:19
sunshine:这个和之前打包一样的,vue反向代理如果发布要想用的话,在发布服务上器,要自己设置代理,不然就不生效,因为vue打包只会生成html,css,js代码,代理的设置是不会有的,而且也不会使用vue的服务器。
所以,跨域问题还是交后台去处理,哈...
回到原帖
哈哈,好的。
fxx
fxx
侠客
侠客
  • 最后登录2020-11-27
  • 发帖数20
板凳#
发布于:2018-12-13 11:19
传奇刘星:vue开发测试的代码的反代理只在ide内生效,反代理是由ide插件实现的,并非代码实现的,打包发布后,无论部署在本地还是服务器都没有反代理效果,如果要继续使用反代理,可以根据你所使用的webserver百度搜索具体配置方式,或者单独下载ng...回到原帖
好的,谢谢,虽然我现在看着还有点懵逼
传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
地板#
发布于:2018-12-12 11:58
vue开发测试的代码的反代理只在ide内生效,反代理是由ide插件实现的,并非代码实现的,打包发布后,无论部署在本地还是服务器都没有反代理效果,如果要继续使用反代理,可以根据你所使用的webserver百度搜索具体配置方式,或者单独下载nginx进行配置,如果使用nginx进行反代理注意设置nginx开机自启动,防止服务器重启nginx失效,具体请百度
https://blog.feiyuit.cn
sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
4楼#
发布于:2018-12-11 15:53
这个和之前打包一样的,vue反向代理如果发布要想用的话,在发布服务上器,要自己设置代理,不然就不生效,因为vue打包只会生成html,css,js代码,代理的设置是不会有的,而且也不会使用vue的服务器。
所以,跨域问题还是交后台去处理,哈哈. 服务器的地址的话,还是写一个配置文件,全局调用,方便修改
游客


返回顶部

公众号

公众号