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

TDon

前言

这段时间又开发了一个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配置

图片描述

阅读 21.1k

DON的前端分享
前端开发,也了解一些后端的开发。分享个人项目和开发经验。
906 声望
42 粉丝
0 条评论
906 声望
42 粉丝
文章目录
宣传栏