vue專案部署到伺服器加路由使用history模式

2021-10-06 17:20:19 字數 1270 閱讀 3226

npm run build
vue專案下回出現乙個dist資料夾

cd /usr/local (切換路徑)

解壓安裝

tar -zxvf nginx-1.6.2.tar.giz -c /usr/local (local這個目錄類似於windows的program目錄,所以一些軟體可以都安裝在這裡)

​ 1. yum install pcre

​ 2. yum install pcre-devel

3. yum install zlib

4. yum install zlib-devel

進行configure 配置
cd /usr/local/nginx-1.6.2 && ./configure –prefix=/usr/local/nginx
編譯安裝 (cd 到解壓好的nginx-1.6.2,這個目錄下安裝編譯)

make && make install
啟動nginx

啟動命令: /usr/local/nginx/sbin/nginx (無引數) 啟動 (-s stop)關閉 (-s reload)重啟

執行到這一步就可以使用自己的網域名稱進行訪問

vim /usr/local/nginx/conf/nginx.conf
進入 nginx.conf 配置server

配置完以上:

重啟nginx

vue專案部署到nginx伺服器

vue cli3 首先在專案根目錄建立乙個vue.config.js檔案 新增如下內容 module.export 然後 npm run build將vue打包後的dist資料夾放在nginx下的html資料夾即可。訪問 即可看到內容。注意 也可將dist資料夾改名為projectname,訪問 如...

vue專案部署到雲伺服器

雲伺服器我使用的liunx系統需要用到的環境git docker nginx node 安裝docker檢視是否已安裝docker列表 yum list installed grep docker 安裝docker yum y install docker y表示不詢問安裝,直到安裝成功,安裝完後再...

前端VUE專案部署到伺服器

具體步驟 一 先執行前端vue專案的 build 任務,會得到乙個 dist 打包檔案。二 在專案資料夾同級目錄下新建資料夾 server 例如我的專案名稱為 shop 那麼我在與 shop 同級目錄下新建乙個叫 shop server 的資料夾。建立好之後用vscode開啟。三 在vscode中開...