router vue 多个路径_Nginx线上部署多个Vue项目(路径区分)

Nginx线上部署多个Vue项目(路径区分)

nginx 多静态文件部署。

我个人博客项目占用了nginx根路径，而我只有一个域名，也不准备用二级域名了， 所以就直接用路径区分开。

一个域名，只部署一个静态文件服务，那很简单，只用把打包后文件放上去就行。

多个Vue项目主要就是路径问题，静态js文件以及自定义的路由。

原文请访问 我个人博客地址

环境

vue 2.6.11

vue-router 3.3.1

vue-cli 4.4.0

由于我用的vue-cli 4,所以项目根路径下默认没有 vue.config.js文件, 我在官网看到关于这个vue.config.js是这样描述的.

有些针对 @vue/cli 的全局配置，例如你惯用的包管理器和你本地保存的 preset，都保存在 home 目录下一个名叫 .vuerc 的 JSON 文件。你可以用编辑器直接编辑这个文件来更改已保存的选项。

你也可以使用 vue config 命令来审查或修改全局的 CLI 配置

添加配置vue.config.js 文件 静态资源路由js,css等路径

但是 vue config 是全局的配置，我这个项目直接修改这里不合适，于是我就在项目 根路径 下自己手动添加了vue.config.js

// 参考 https://cli.vuejs.org/zh/guide/deployment.html#github-pages

module.exports = {

publicPath: process.env.NODE_ENV === 'production'

? '/ap