VUE + Nginx + Traefik 项目的发布与反向代理

VUE + Nginx + Traefik 项目的发布与反向代理

环境 ：

项目框架 ： vue 2 

发布环境：nginx-1.29.1

反向代理：traefik v3.4.5

1. 项目配置

在 vue.config.js 文件中 ，配置

const isProd = process.env.NODE_ENV === 'production';
const isDev = process.env.NODE_ENV === 'development';
const isWorking = process.env.NODE_ENV === 'working';const vueConfig = {outputDir: isWorking ? "dist/railfore/" : 'dist/',publicPath: isWorking ? '/railfore/' : "/", //这个必须，引入静态资源需要从根路径引入，否则会找不到静态资源
};module.exports = vueConfig;

 

在路由文件 中 使用：

const router = new Router({base: process.env.BASE_URL,scrollBehavior: () => ({ y: 0 }),mode: 'history',routes: constantRouterMap,
});

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

end.