前端有子目录,后端有项目名称,请看第3种
第1种
前端nginx没有子目录,后端也没有访问的项目名。这种是最简单的。
vue.config.js
只需要修改target中的IP和端口,就是后端访问的IP和端口
# vue.config.js
devServer: {
host: '0.0.0.0',
port: port,
open: true,
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
// 开发环境
// target: `http://192.168.1.120:8080`,
// 生产环境--------修改自己的IP和端口
target: `http://192.168.100.110:8080`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}