vue2 通过vue.config.js实现跨域 您所在的位置:网站首页 服务端设置跨域端口 vue2 通过vue.config.js实现跨域

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

2024-07-10 01:27| 来源: 网络整理| 查看: 265

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 实验室设备网 版权所有