vue negix跨域
时间: 2024-02-15 10:59:58 浏览: 132
vue.js使用代理和使用Nginx来解决跨域的问题
5星 · 资源好评率100%
以下是Vue中使用Nginx解决跨域问题的方法:
1. 在Vue项目的根目录下创建一个名为vue.config.js的文件(如果已存在则跳过此步骤)。
2. 在vue.config.js文件中添加以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://172.26.146.68:9200',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
3. 保存文件并重新启动Vue开发服务器。
这样配置后,所有以/api开头的请求将被代理到http://172.26.146.68:9200,从而解决了跨域问题。
阅读全文