vue項目打包之后怎么在本地運行

vue項目打包后的文件需要在本地運行，這里介紹兩種方法

（一）搭建express本地服務器

1、安裝express-generator

npm i express-generator -g
  
  
 
 
         

2、創建一個express項目 

express my-express-project
  
  
 
 
         

3、進入項目目錄 

cd my-express-project 

  
  
 
 
         

這時候能看到my-express-project文件夾下的內容是這樣的

4、安裝相關項目依賴

npm install
  
  
 
 
         

然后把剛剛打包后的dist文件夾下的所有文件復制到public文件夾下面 

5、啟動項目 

npm run start
  
  
 
 
         

6、瀏覽器中查看

在地址欄輸入localhost:3000即可

 （二）使用nginx本地服務器運行

1、下載nginx  

直接去官網下載    http://nginx.org/en/download.htm

2、解壓，解壓之后目錄如下

2、打開html文件夾，刪掉里面的內容，將已打包的dist文件夾里面的內容，全部復制到html文件夾下

此時的html文件夾內容是這樣的

3、打開conf文件夾，找到 nginx.conf文件，用編輯器打開

找到http對象中的server，將這部分改一下，其他不用動，listen為端口號

4、啟動項目 

雙擊nginx.exe

6、瀏覽器中查看

在地址欄輸入localhost:7080即可