vue 發布nginx重新整理專案 404 白屏

2021-10-01 17:37:36 字數 651 閱讀 3356

vue2.0構建專案,

預設不做配置,使用是hash模式,位址列上有個「/#/」號,like http://localhost:8000/#/login 這樣.

官網文件使用history模式可以去掉#,樣子like http://localhost:8000/login 這樣.

history模式下:

當專案,在nginx上執行頁面時,由於history模式的鏈結url是偽靜態 路由位址都是虛擬位址,

直接訪問找不到,會報404錯誤,需要rewrite url規則來支援。

方法一:在nginx上:修改nginx的配置檔案,vim /usr/local/nginx/conf/nginx.conf

location /

方法二:注釋掉history

export default

newrouter

()

能力不足水平有限

有問題別講髒話罵人

來學習交流

有問必答

email:[email protected]

nginx 發布vue專案

打包成功後,複製到伺服器。我的專案目錄是 usr local soft nginx web micro mall h5 2 進入nginx安裝目錄下的 conf nginx.conf檔案修改相關配置 listen配置埠這裡預設是80 修改location內容 當訪問http localhost 80...

vue建立新專案

新建乙個資料夾,在該資料夾路徑下開啟終端 1 vue init webpack test test 是新建的專案名稱,自己定義 2 project name test project description a vue.js project author vue build standalone i...

vue搭建新專案

一 安裝node環境 2 cnpm 映象安裝 輸入 npm install g cnpm registry 即可安裝npm映象,以後再用到npm的地方直接用cnpm來代替就好了。3 檢查node,npm及吹牛拍馬 映象是否安裝成功 如果輸出版本號,說明都安裝成功 二 搭建vue專案環境 1 cd 到...