大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
用Vue-cli脚手架搭建了个demo,前后分离就有跨域问题的出现。
vue-clie搭建demo步骤（传送门）：https://www.cnblogs.com/wangenbo/p/8487764.html
我自己在网上找了2个接口做测试：
CSDN：https://www.csdn.net/api/articles?type=more&category=home&shown_offset=1524276761019196&first_view=false
掘金：https://suggest-follow-api-ms.juejin.im/v1/getByTag?tag=%E5%89%8D%E7%AB%AF&src=web&t=1
安装模块axios进行ajax请求，直接请求，肯定显示跨域，无法请求。
=============== 以下为npm run dev 跨域的解决方法 ===============
脚手架Vue-cli已经帮我们留好了接口
参考这篇文章才知道：https://blog.csdn.net/qq_31201781/article/details/78778193
在config目录下的index.js文件，有个参数：
proxyTable:{}
所以，我把参数添加成：
原来接口：
CSDN：https://www.csdn.net/api/articles?type=more&category=home&shown_offset=1524276761019196&first_view=false
掘金：https://suggest-follow-api-ms.juejin.im/v1/getByTag?tag=%E5%89%8D%E7%AB%AF&src=web&t=1
请求链接就变成这样了：
最后，把数据打印出来，就可以了。。
=============== 以上为npm run dev 跨域的解决方法 ===============
=============== 以下为npm run build 跨域的解决方法 ===============
我们要打包上线：就用npm run build会打包成dist文件
但发到线上，就得用nginx解决跨域。
首先，下载nginx
https://blog.csdn.net/biaoge0310/article/details/78900538
入门命令：
在ngix文件目录下执行以下命令
start nginx 开启ngix
nginx -s quit 退出
nginx -s reload 重启
nginx -t 检查配置文件是否成功
然后：进入nginx/conf目录下的，找到nginx.conf文件
添加如下配置：
启动ngix服务器： start nginx
输入网址：http://localhost:8099
完美！！！！打包后也解决了。。
=============== 以上为npm run build 跨域的解决方法 ===============
不过，nginx，只是简单配置，涉及到的负载均衡，资源配置其他问题，那得更深入学习了！
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/189075.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
