使用 vue-cli 生成的專案模板，執行時在url位址列多乙個#號，伺服器部署後會出現 www.***.com/#/ 的情況.
解決方案:
修改src/router/index.js檔案，vue-router 預設 hash 模式 ,我們可以修改 vue-router 模式為history，設定baseurl效果正常了
const router =
newvuerouter
()
有乙個專案位址為 www.***.com ，這個專案下又新增了乙個子模組，子模組是單獨的乙個專案，網域名稱效果變成 www.***.com/demo 的形式訪問子模組專案的首頁，通過 www.***.com/demo/home 的方式訪問子模組專案路由頁面,也可以解決乙個伺服器部署多個專案.
解決方案:
第一步：修改src/router/index.js檔案中router的base配置，效果如下
vue.
use(router)
export
default
newrouter(]
})
npm run build命令打包生成的目錄結構。開啟前端專案根目錄下/config/index.js檔案,打包的預設路徑為生成dist靜態檔案目錄，預設路徑配置如下
...
build:
, host:
'localhost'
, port:
8080
, autoopenbrowser:
false
,...
第四步：修改伺服器 nginx 的配置，設定 demo 路徑訪問內容，配置如下
server
location /demo
}
linux 專案部署遇到的問題
1 mysql 大小寫敏感 專案執行中去掉大小寫敏感 1 service mysql stop 2 修改my.cnf配置檔案 etc mysql my.cnf 注意修改許可權，chmod 777 my.cnf 在 mysqld 節下加入 讓mysql大小寫不敏感 lower case table n...
vue專案部署
1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案，npm run build 之後會生成乙個dist資料夾,即為打包好的檔案，將檔案放在磁碟中，配置nginx監聽80埠，並指定服務名稱server name，最終可用kangqiao.kangqiao.c...
vue專案部署
放到純英文目錄下 啟動nginx 雙擊nginx.exe或者cmd視窗切換到nginx檔案下 輸入命令 nginx.exe 或者 start nginx 如果失敗報錯0.0.0.0 80 failed 檢視博文 複製出乙份nginx.conf 重新命名為 x.conf 修改 此處dist直接放在ng...