前端在vue.config百分百解决跨域的方法代码下载
时间: 2023-12-30 12:03:28 浏览: 78
`vue.config.js` 文件是 Vue 项目的配置文件,需要放在项目的根目录下。如果你已经有了这个文件,可以直接在里面加上解决跨域的配置。如果没有,可以按照以下步骤进行创建:
1. 在项目根目录下创建一个名为 `vue.config.js` 的文件。
2. 在文件中输入以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
// 配置跨域请求的代理服务器
'/api': {
target: 'http://localhost:3000', // 目标服务器的地址
changeOrigin: true, // 开启代理服务器的跨域请求
pathRewrite: {
'^/api': '' // 重写请求路径,将 /api 替换为空
}
}
}
}
}
```
3. 在命令行中进入项目根目录,运行以下命令启动项目:
```
npm run serve
```
这样就可以愉快地进行跨域请求了。
如果你想直接下载以上代码,可以在浏览器中打开以下链接,然后复制代码到 `vue.config.js` 文件中即可:
```
https://gist.github.com/zhang-ruijie/8f9f909b556b2c3cbaf4b9f3a4b0b047
```
阅读全文