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

ChanceWong 發布于2019-07-25 14:04 / 2177人閱讀

摘要：前言這段時間又開發了一個爬蟲開發一個排行榜的項目，加上之前的基于開發的讀書就有兩個的項目需要部署了。雖然我有兩個域名，但是我還是只想在一個域名下配置多個項目，畢竟以后還會有更多的項目。這里就記錄一下如何配置。

前言

這段時間又開發了一個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配置

云服務器 GPU云服務器多個域名一個空間多個網站一個域名一個網站多個域名多個域名一個網站

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/39664.html

Nginx https配置和反向代理到spring boot和vue.js

摘要：意思是求給配置一條記錄，在沒有確認記錄生效之前不要回車執行。 # 我的個人博客，希望大家幫忙踩一下 Nginx 證書配置強制使用https 先獲取證書，證書可以有很多種， Lets Encrypt 或者阿里云都可以這里我用Lets Encrypt 通配符證書以centos 7為例獲取證書 #獲取證書生成工具 wget https://dl.eff.org/certbot...

oneasp 2019-07-25 14:29 評論0 收藏0
vue.js vue-router history模式路由，域名二級目錄子目錄nginx配置

摘要：修改三個配置，具體操作日后有時間更新，不懂私聊項目目錄配置實例項目路徑配置指向項目放在，但是指向，訪問就好了修改三個配置，具體操作日后有時間更新，不懂私聊1 const route = new Router({ mode: history, base: /doctor-html/, routes }) 2 assetsPublicPath: /doctor-html/, ...

focusj 2019-07-25 14:22 評論0 收藏0
Vue-項目從本地搭建到線上部署（wǒ shì biaō tí dǎng）

摘要：放置在目錄下或通過絕對路徑被引用。對于相關來說，我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下，前端頁面迭代發布，不需要重啟服務。作者：gauseen 0. 關于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架，易用、靈活、高效。生態系統項目介紹 awesome-vue Vue.js 相關很棒的...

Arno 2019-08-26 13:49 評論0 收藏0
vue.js 在微信JS-SDK中分享、微信支付、掃一掃等簽名失效的解決

摘要：處理自己的邏輯四重點來了，解決微信無效的問題使用的網友都知道，路由上帶有做路由的跳轉，而在發過去做微信驗證的的時候，會被干掉，最終導致簽名無效。一，先登陸微信公眾號后臺綁定js安全域名，不需要加http或https，詳情百度。二、信公眾號后臺設置服務器的IP為白名單，否則無法獲取access_token，詳情百度三、引入wx-js-sdk 1.使用script標簽 http://...

jay_tian 2019-07-01 10:25 評論0 收藏0
vue.js 在微信JS-SDK中分享、微信支付、掃一掃等簽名失效的解決

摘要：處理自己的邏輯四重點來了，解決微信無效的問題使用的網友都知道，路由上帶有做路由的跳轉，而在發過去做微信驗證的的時候，會被干掉，最終導致簽名無效。一，先登陸微信公眾號后臺綁定js安全域名，不需要加http或https，詳情百度。二、信公眾號后臺設置服務器的IP為白名單，否則無法獲取access_token，詳情百度三、引入wx-js-sdk 1.使用script標簽 http://...

keithxiaoy 2019-08-23 10:40 評論0 收藏0