vue2 通过vue.config.js实现跨域

vue.config.js

devServer: {
    port: 8103,
    proxy: {
      '/api': {
        target: 'http://1.15.173.162:8085',
        changeOrigin: false,
        pathRewrite: {
          '^/api': '/'
        }
      }
    }
},

1
2
3
4
5
6
7
8
9
10
11
12
13
14

request.js

const service = axios.create({
  baseURL: '/api',
  timeout: 15000
})

1
2
3
4
5
6

这样配置即可。然后，浏览器的network中显示的是你本地服务的地址哦，如下：
我本地服务的地址就是：Network: http://192.168.3.24:8103/，所以这里是http://192.168.3.24:8103/api/order/getOrderList

---

Vue.config.js 中的跨域配置是用于控制 Vue 应用程序中的跨域请求的，它并不能改变浏览器的网络请求地址。

当你使用浏览器的开发者工具（如Chrome的开发者工具）查看网络请求时，看到的请求地址是你的本地地址，这是因为请求是从你的本地服务器发出的，而不是从Vue应用程序中控制的跨域请求。

如果你想要查看跨域请求的详细信息，你需要查看服务器端的日志或者使用服务器端的开发者工具来查看。不同的服务器端技术有不同的配置和工具，你需要根据你的具体情况选择适当的方法。