vue+net6 做跨域怎么做好
时间: 2023-09-20 21:00:45 浏览: 80
在Vue.js中,可以通过配置代理方式实现跨域请求。
首先,在vue.config.js文件中添加以下代码:
```
module.exports = {
devServer: {
proxy: {
'/api': { // 需要跨域的接口
target: 'http://example.com', // 目标接口的基础路径
changeOrigin: true, // 是否改变源地址
pathRewrite: {
'^/api': '', // 重写路径,将请求中的/api替换为空
},
},
},
},
};
```
这里以`/api`为例进行配置。将所有以`/api`开头的请求代理到`http://example.com`。
然后,在需要跨域请求的地方,直接使用相对路径`/api`进行Ajax请求即可,例如:
```javascript
axios.get('/api/data')
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
```
这样配置后,当请求`/api/data`时,会自动代理到`http://example.com/data`。
需要注意的是:
1. 需要安装axios库(如果没有安装的话)。
2. 如果代理的目标地址是https协议,需要将`target`改为`https://example.com`。
通过以上配置,Vue项目便可以轻松实现跨域请求了。
阅读全文