vue代理服务器proxy配置
title: vue反向代理配置date: 2019-03-01 11:26:43tags: vue摘要: vue-cli实现反向代理跨域1.如果没有vue脚手架需先要安装脚手架cnpm i @vue/cli -g2.利用脚手架创建项目vue create myproject(项目名)3.创建完项目后,需手动在项目根目录创建vue.config.js# vue.confi...
·
1.如果没有vue脚手架需先要安装脚手架
cnpm i @vue/cli -g
2.利用脚手架创建项目
vue create myproject(项目名)
3.创建完项目后,需手动在项目根目录创建vue.config.js
# vue.config.js
module.exports = {
devServer: {
host: 'localhost',
port: 8080,
proxy: {
'/api': {
target: 'http://localhost:3000',// 要跨域的域名
changeOrigin: true, // 是否开启跨域
},
'/get': {
target: 'http://localhost:3000',// 要跨域的域名
changeOrigin: true, // 是否开启跨域
}
}
}
}
4.在请求跨域接口的时候就可以利用本地服务加上要跨域的接口地址即可
# 例如我的本地服务端口 localhost:8080
axios.get('http://localhost:8080/api/login')
更多推荐
已为社区贡献7条内容
所有评论(0)