Vue项目如何通过proxyTable实现前后端跨域联调？
- 内容介绍
- 文章标签
- 相关推荐
本文共计531个文字，预计阅读时间需要3分钟。
在Vue本地项目中，若线上接口出现跨域问题，可使用以下方法解决：
Vue配置跨域代理：
1. 在Vue配置文件中提供`proxyTable`来设置代理。
2.在`config/index.js`文件中，找到`dev`配置项，并添加如下内容：
javascript
dev: { // 开发环境配置 proxyTable: { // 跨域配置 '/api': { target: 'https://your-api-url.com', // 目标API地址 changeOrigin: true, // 是否改变域名 pathRewrite: { '^/api': '' // 重写路径，去掉/api } } }, assetsSubDirectory: 'static'}以上配置将所有以`/api`开头的请求代理到`https://your-api-url.com`，并去掉请求路径中的`/api`部分。
本文共计531个文字，预计阅读时间需要3分钟。
在Vue本地项目中，若线上接口出现跨域问题，可使用以下方法解决：
Vue配置跨域代理：
1. 在Vue配置文件中提供`proxyTable`来设置代理。
2.在`config/index.js`文件中，找到`dev`配置项，并添加如下内容：
javascript
dev: { // 开发环境配置 proxyTable: { // 跨域配置 '/api': { target: 'https://your-api-url.com', // 目标API地址 changeOrigin: true, // 是否改变域名 pathRewrite: { '^/api': '' // 重写路径，去掉/api } } }, assetsSubDirectory: 'static'}以上配置将所有以`/api`开头的请求代理到`https://your-api-url.com`，并去掉请求路径中的`/api`部分。