Vue-代理解决跨域问题

vue

代理：

使用vue时，经常遇到使用npm run serve后，与后端出现跨域

问题，获取不到数据，其中一个解决方法，就是在前端，vue中开启代理proxy。

I saw it. to configure.js文件：

module.exports ={devServer:{proxy:{/:{target:https://demo.com,secure:true,changeOrigin:true},/api/:{target:http://test.com,// 接口路径ws:true,// 如果要代理websockets，配置该参数secure:false,// 如果接口为https，需要配置该参数changeOrigin:true,// 是否跨域pathRewrite:{// 改写接口请求地址，把/api改为/^/api:/}}}}}

配置后，请求地址会出现对应的变化：

原本的配置请求：
axios.get（‘https://demo.com/v0/find‘）
axios.get（‘http://test.com/v1/user/find‘）

配置后的配置请求：

axios.get（‘/v0/find‘）
axios.get（‘/api/v1/user/find‘）

以上是关于“Vue-代理解决跨域问题”的相关介绍，如需购买云服务器，推荐使用亿华云，独享IP,弹性灵活各种配置任您选配，最低只需要43/月，免费帮助配置环境，挂载磁盘等，协助处理简单问题，同时提供快速0元备案，让您快速运营，详情请咨询亿华云。

https://www.i658.com/cart