1. 程式人生 > >vue專案的釋出

vue專案的釋出

    在自己寫完一個專案後,肯定會面臨要上線的問題,既然要上線,又會遇到前後端是否分離的問題。我們用vue寫好一個手機端的專案,將其打包,也就是yarn build。就會生成你要給後端的jscss等。

    我們先採用前後端不分離的架構來寫,就是前後端在一個電腦上。

    後端:

   1、在電腦上先裝phpstudy 或者 warpserve,這樣電腦會有apache環境

   2、在nginx官網上下載nginx壓縮包,並解壓

   3、你會在解壓的資料夾中看到nginx的應用,然後在這個資料夾中開啟命令列,用start nginx開啟nginx服務,如果開啟成功,你在瀏覽器中輸入localhost會開啟介面,nginx預設段口號為80。通過nginx -s stop關閉nginx服務

    4、然後可以進行配置了

          在nginx資料夾中有conf資料夾,資料夾下有nginx.conf,在這個裡面將server注掉,新建個conf.d資料夾裡面有text.conf在裡面配置

         在d盤建立根資料夾

server { listen 80; 埠 server_name localhost;服務名 root D:/nginx-root;根資料夾 autoindex on; index index.html index.htm; #charset koi8-r; # access_log logs/host.access.log main;
#location / { # root html; #index index.html index.htm; #} location / 代理路徑{ proxy_pass 代理網址; } 重新整理不出錯 location / { try_files $uri $uri/ /index.html; }
} 這就可以啦,再瀏覽器輸入localhost:8080就可以了