前言:
一般跨域问题只要后端配置好的话,是不需要前端做处理的,但也不能保证你遇到的所有后端都能很好的处理这个问题,这个时候可能就需要前端设置代理解决这个问题了。
配置方法:
1. config/index.js
?proxyTable: { ???????‘/api‘: { ???????????target: ‘http://192.168.8.8:8080‘, // 要访问接口的域名 ???????????// secure: false, ?// 如果是https接口,需要配置这个参数 ???????????changeOrigin: true, // 如果接口跨域,需要进行这个参数配置 ???????????pathRewrite: { ?????????????‘^/api‘: ‘‘//重写接口访问 ???????????} ?????????} ???}, ?host: ‘192.168.8.1‘,//本机Ip或localhost
注意:/api一定要有,命名可以不一样。
2. 接口访问地址改为本机访问地址+端口+"/api"
export default{ ?DOMIN:"http://192.168.8.1:8080/api"//本机访问地址+"/api"(也可以用http://localhost:8080/api)}
重新运行即可。
vue-webpack项目本地开发环境设置代理解决跨域问题
原文地址:https://www.cnblogs.com/xyyt/p/9186201.html