在Vue2.0中,可以通过配置webpack
的proxyTable
来实现跨域代理。下面具体介绍一下Vue2.0中如何配置跨域代理。
安装脚手架
复制代码npm install http-proxy-middleware --save-dev
- 1
配置proxyTable
复制代码//config/index.js
dev: {
// ...
proxyTable: {
'/api': {
target: 'http://127.0.0.1:3000', // 目标服务器地址
changeOrigin: true, // 是否改变请求源
pathRewrite: {
'^/api': '' // 路径重写
}
}
}
},
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
配置package.json
复制代码"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev"
},
- 1
- 2
- 3
- 4
在Vue文件中使用代理.json
复制代码axios.get('/api/login').then(response => {
this.user = response.data
}).catch(error => {
console.log(error)
})
- 1
- 2
- 3
- 4
- 5
标签: proxyTable, vue跨域, webpack
上面是“如何在vue2.0中配置跨域代理方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_4597.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!