vue跨域问题解决方案.docx

文档介绍：vue跨域问题解决方案
 
   
 
 
 
 
 
 
 
     
 
 
 
 
 
用Vue-cli脚手架搭建了个demo,前后分离就有跨域问题的出现。
vue-clie搭建demo步骤（传送门）：
我自己在网上找了2个接口做测试：
：?type=more&category=home&shown_offset=1524276761019196&first_view=false
掘金：https://suggest-follow-api-?tag=%E5%89%8D%E7%AB%AF&src=web&t=1
安装模块axios进行ajax请求，直接请求，肯定显示跨域，无法请求。
=============== 以下为npm run dev 跨域的解决方法 ===============
脚手架Vue-cli已经帮我们留好了接口
参考这篇文章才知道：
，有个参数：
proxyTable:{}
所以，我把参数添加成：
原来接口：
：?type=more&category=home&shown_offset=1524276761019196&first_view=false
掘金：https://suggest-follow-api-?tag=%E5%89%8D%E7%AB%AF&src=web&t=1
请求链接就变成这样了：
最后，把数据打印出来，就可以了。。
=============== 以上为npm run dev 跨域的解决方法 ===============
=============== 以下为npm run build 跨域的解决方法 ===============
我们要打包上线：就用npm run build会打包成dist文件