在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) })
上面是“如何在vue2.0中配置跨域代理方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4597.html
workflows工作流
一个以破旧的怀旧史努比玩偶
斗鸡场威武雄鸡ComfyUI工作流
一个时间旅行女人的神秘剪影ComfyUI工作流
坐落在白雪覆盖的广阔平原上2只可爱的雪豹
一个20岁丰满的女孩ComfyUI工作流
庭院,彩色玫瑰,云雾笼罩comfyui工作流
一颗翡翠玉雕盆栽树comfyui工作流
红伞伞蓝杆杆云南蘑菇群ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!