你需要做一个反向代理的东西 ===> 打开你的vue项目的config文件夹下的index.js
找到以下代码
dev: {
proxyTable: {
'/api': {
target: 'http://ip地址', //这里面是你要访问的IP地址
changeOrigin: true, //开启代理
pathRewrite: {
'^/api': '/api'
}
}
修改后:
dev: {
proxyTable: {
'/queue-admin': { // 使用"/queue-admin"来代替 API头部,可随意命名
//target: '...', // 源地址 本地开发的API头部
target: "...", // 配置到服务器后端的API头部
pathRewrite: {
'^/queue-admin': '/queue-admin' // 路径重写,第一个与上面相同,第二个/queue-admin 为server.context-path(服务器的上下文)
},
// 以下解决https 访问问题。上面的可以访问http
changeOrigin: true,
secure: false,
headers: {
Referer: '...'
}
}
}
}
Tips:配置完这里之后一定要重新启动项目要不然会没有效果 |