vue2 通过vue.config.js实现跨域 | 您所在的位置:网站首页 › 服务端设置跨域端口 › vue2 通过vue.config.js实现跨域 |
vue.config.js devServer: { port: 8103, proxy: { '/api': { target: 'http://1.15.173.162:8085', changeOrigin: false, pathRewrite: { '^/api': '/' } } } },request.js const service = axios.create({ baseURL: '/api', timeout: 15000 })这样配置即可。然后,浏览器的network中显示的是你本地服务的地址哦,如下: 我本地服务的地址就是:Network: http://192.168.3.24:8103/,所以这里是http://192.168.3.24:8103/api/order/getOrderList Vue.config.js 中的跨域配置是用于控制 Vue 应用程序中的跨域请求的,它并不能改变浏览器的网络请求地址。 当你使用浏览器的开发者工具(如Chrome的开发者工具)查看网络请求时,看到的请求地址是你的本地地址,这是因为请求是从你的本地服务器发出的,而不是从Vue应用程序中控制的跨域请求。 如果你想要查看跨域请求的详细信息,你需要查看服务器端的日志或者使用服务器端的开发者工具来查看。不同的服务器端技术有不同的配置和工具,你需要根据你的具体情况选择适当的方法。 |
CopyRight 2018-2019 实验室设备网 版权所有 |