nginx 部署Vue項目
阿新 • • 發佈：2019-05-08
dip pen mcu rep tfs vnr psr dac sfm 在項目開始過程中，用到了前後端分離，那麽就會涉及到前端部署工作，這裏我們采用的前端框架為vue，接下來我將講解怎麽部署vue項目。
1.首先進入vue項目內，進行打包工作，具體如下：
E:\xinkebao\aliyun\vue-course-shop 這是項目路徑
用cmd進入到上面的項目路徑中：cd E:\xinkebao\aliyun\vue-course-shop 使用npm run build 對項目編譯，編譯後會在當前目錄下生成dist文件夾。 2.對dist文件夾進行壓縮工作: dist.zip 3.把dist.zip上傳到服務器目錄中，我這裏用放到的目錄為:/opt/8052-course-vue-tomcat/webapps/(名字只是隨便起的，不要理解為是tomcat). .png)
7.nginx 裏的配置信息如下：
.png)
用cmd進入到上面的項目路徑中：cd E:\xinkebao\aliyun\vue-course-shop 使用npm run build 對項目編譯，編譯後會在當前目錄下生成dist文件夾。 2.對dist文件夾進行壓縮工作: dist.zip 3.把dist.zip上傳到服務器目錄中，我這裏用放到的目錄為:/opt/8052-course-vue-tomcat/webapps/(名字只是隨便起的，不要理解為是tomcat).
7.nginx 裏的配置信息如下：
註：再配置文件中如果不配置 try_files $uri $uri/ /index.html; 當刷新頁面時報404錯。
nginx 部署Vue項目