vue项目如何配置proxyTable解决跨域问题
程序员文章站
2022-03-28 13:52:10
...
-
在项目的开发之中,做数据请求的时候,会经常遇到跨域的问题。我们可以在
config
目录下的index.js
文件中,配置proxyTable
去解决。 -
/api
是匹配所有以'/api'
开头的请求路径,target
是代理目标的基础路径,changeOrigin
是支持跨域,pathRewrite
是重写路径,去掉路径中开头的'/api'
,代码如下所示:
const path = require('path')
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://localhost:4000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
......
}