vue2 vue.config.js跨域
时间: 2023-11-07 22:05:40 浏览: 100
在Vue2中,可以通过在项目的根目录下创建vue.config.js文件来实现跨域。在该文件中,需要使用module.exports导出一个对象,其中包含devServer属性。在devServer属性中,可以通过配置proxy来实现跨域。具体步骤如下:
1. 在项目的根目录下创建vue.config.js文件。
2. 在vue.config.js文件中,使用module.exports导出一个对象。
3. 在导出的对象中,添加devServer属性,并配置其中的proxy属性。
4. 在proxy属性中,配置需要跨域的接口路径。
5. 在对应的接口路径中,设置target属性为目标服务器的地址。
6. 根据需要,可以设置其他属性,如ws、changeOrigin和pathRewrite等。
下面是一个示例的vue.config.js文件的代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
以上代码中,通过配置proxy属性,将以`/api`开头的请求代理到`http://localhost:3000`。这样,在Vue2项目中发起以`/api`开头的请求时,就会被代理到目标服务器。
请注意,以上代码仅为示例,实际使用时需要根据具体的接口和服务器进行配置。
阅读全文