2024年09月19日 建站教程
在Vue2.0中，可以通过配置webpack的proxyTable来实现跨域代理。下面具体介绍一下Vue2.0中如何配置跨域代理。
安装脚手架
npm install http-proxy-middleware --save-dev
配置proxyTable
//config/index.js
dev: {
// ...
proxyTable: {
'/api': {
target: 'http://127.0.0.1:3000', // 目标服务器地址
changeOrigin: true, // 是否改变请求源
pathRewrite: {
'^/api': '' // 路径重写
}
}
}
},
配置package.json
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev"
},
在Vue文件中使用代理.json
axios.get('/api/login').then(response => {
this.user = response.data
}).catch(error => {
console.log(error)
})
本文链接：http://so.lmcjl.com/news/13389/