一个域名下多个Vue.js项目的nginx配置

前言

这段时间又开发了一个Vue.js+Node.js爬虫开发一个Github排行榜的项目，加上之前的基于Vue2开发的读书WebAPP就有两个Vue.js的项目需要部署了。虽然我有两个域名，但是我还是只想在一个域名下配置多个项目，毕竟以后还会有更多的项目。对nginx不是很熟，花费了很长的时间才最终配置出想达到的效果。这里就记录一下如何配置。

实现效果

http://www.tdon.site/read-more/#/: 基于Vue.js开发的读书WebAPP

http://www.tdon.site/vue-github-rank/#/: Vue.js+Node.js爬虫开发一个Github排行榜

vue.js配置

• 1. config/index.js

  修改 assetsPublicPath: '/vue-github-rank/'



• 2. src/router/index.js文件修改

  添加 base: '/vue-github-rank/'




nginx配置