开发环境:
1.vue的地址为:localhost:8080
2.后端地址为:localhost:8081/api/menu/test
开发环境直接配置config文件下的index.js
修改
proxyTable: {
'/api': {
target: 'http://localhost:8081',//后端接口地址
changeOrigin: true//是否允许跨越
}
},
表示请求路径/api的用http://localhost:8081去代理访问
调用,请记住,不需要加host。
export function get(url, params = {}) {
return new Promise((resolve, reject) => {
axios.get("/api/menu/test", {
params: params
}).then(response => {
resolve(response.data);
}).catch(err => {
reject(err);
})
})
}
正式环境
1.vue的地址为:http://ip:8080
2.后端地址为:http://ip:8081/api/menu/test
用nginx作代理访问,开发环境proxyTable 需要注释,其他不变
server{
listen 80;#其他端口如8080也可以
server_name www.域名.com;
location / { #正常的页面访问
root /var/www/toolweb; #vue的文件目录
index index.html index.htm;
}
location /api { #api接口的访问
proxy_pass http://ip:8081; #当是/api路径时用http://ip:8081去访问
}
}