一個域名下多個Vue.js項目的nginx配置

前言

這段時間又開發了一個Vue.js+Node.js爬蟲開發一個Github排行榜的項目,加上以前的基於Vue2開發的讀書WebAPP就有兩個Vue.js的項目須要部署了。雖然我有兩個域名,可是我仍是隻想在一個域名下配置多個項目,畢竟之後還會有更多的項目。對nginx不是很熟,花費了很長的時間才最終配置出想達到的效果。這裏就記錄一下如何配置。vue

實現效果

http://www.tdon.site/read-more/#/: 基於Vue.js開發的讀書WebAPP

http://www.tdon.site/vue-github-rank/#/: Vue.js+Node.js爬蟲開發一個Github排行榜nginx

vue.js配置

  • 1. config/index.js

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

圖片描述github

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

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

圖片描述
router

nginx配置

圖片描述blog

相關文章
相關標籤/搜索