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应用程序中控制的跨域请求。
如果你想要查看跨域请求的详细信息,你需要查看服务器端的日志或者使用服务器端的开发者工具来查看。不同的服务器端技术有不同的配置和工具,你需要根据你的具体情况选择适当的方法。