欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

多個(gè)Vue項(xiàng)目部署到服務(wù)器的步驟記錄

 更新時(shí)間:2020年10月22日 08:43:19   作者:趙曉東-Nastu  
這篇文章主要給大家介紹了關(guān)于多個(gè)Vue項(xiàng)目部署到服務(wù)器的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

一、業(yè)務(wù)描述:

最近在做一個(gè)電商的項(xiàng)目,里面有平臺(tái)端和商家端以及用戶端,那么這么多Vue項(xiàng)目如何部署到服務(wù)器呢?

二、部署

(1)首先在本地測(cè)試項(xiàng)目可以啟動(dòng)并且能正常運(yùn)行。

(2)在項(xiàng)目中輸入npm run build

此時(shí)會(huì)生成一個(gè)文件

(3)在服務(wù)器上安裝Nginx,并將admin-web上傳到服務(wù)器。

我上傳的位置:

 (4)修改Nginx文件,找到nginx.conf

 三、如果此時(shí)有多個(gè)vue項(xiàng)目呢?

多加幾個(gè)location即可

四、最后記得保存

:wq

五、重新啟動(dòng)Nginx

systemctl restart nginx

六:Nginx.conf的內(nèi)容

server {
  listen  80;
  server_name localhost;
 
  #charset koi8-r;
 
  #access_log logs/host.access.log main;
 
  location / {
   root html/dist/;
   index index.html index.htm;
   try_files $uri $uri/ @router;
   index index.html;
  }
  #對(duì)應(yīng)上面的@router,主要原因是路由的路徑資源并不是一個(gè)真實(shí)的路徑,所以無(wú)法找到具體的文件
  location @router {
  #   #因此需要rewrite到index.html中,然后交給路由再處理請(qǐng)求資源
     rewrite ^.*$ /index.html last;
  }
 
  location /admin {
   alias /usr/local/nginx/admin/dist;
   index index.html index.htm;
   try_files $uri $uri/ @router;
   index index.html;
  }
 
    #對(duì)應(yīng)上面的@router,主要原因是路由的路徑資源并不是一個(gè)真實(shí)的路徑,所以無(wú)法找到具體的
  location @router {
  #   #因此需要rewrite到index.html中,然后交給路由再處理請(qǐng)求資源
   try_files $uri $uri/ @router;
   index index.html;
  }
 
    #對(duì)應(yīng)上面的@router,主要原因是路由的路徑資源并不是一個(gè)真實(shí)的路徑,所以無(wú)法找到具體>的文件
  location @router {
  #   #因此需要rewrite到index.html中,然后交給路由再處理請(qǐng)求資源
    rewrite ^.*$ /index.html last;
  }

總結(jié)

到此這篇關(guān)于多個(gè)Vue項(xiàng)目部署到服務(wù)器的文章就介紹到這了,更多相關(guān)多個(gè)Vue項(xiàng)目部署到服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 聊聊Vue.js的template編譯的問(wèn)題

    聊聊Vue.js的template編譯的問(wèn)題

    這篇文章主要介紹了聊聊Vue.js的template編譯的問(wèn)題,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-10-10
  • Vue編譯優(yōu)化實(shí)現(xiàn)流程詳解

    Vue編譯優(yōu)化實(shí)現(xiàn)流程詳解

    編譯優(yōu)化指的是編譯器將模板編譯為渲染函數(shù)的過(guò)程中,盡可能多的提取關(guān)鍵信息,并以此指導(dǎo)生成最優(yōu)代碼的過(guò)程,優(yōu)化的方向主要是區(qū)分動(dòng)態(tài)內(nèi)容和靜態(tài)內(nèi)容,并針對(duì)不同的內(nèi)容采用不同的優(yōu)化策略
    2023-01-01
  • 在Vue中使用antv的示例代碼

    在Vue中使用antv的示例代碼

    這篇文章主要介紹了在Vue中使用antv的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • 如何優(yōu)雅的在一臺(tái)vps(云主機(jī))上面部署vue+mongodb+express項(xiàng)目

    如何優(yōu)雅的在一臺(tái)vps(云主機(jī))上面部署vue+mongodb+express項(xiàng)目

    這篇文章主要介紹了如何優(yōu)雅的在一臺(tái)vps(云主機(jī))上面部署vue+mongodb+express項(xiàng)目,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-01-01
  • Vue.js實(shí)現(xiàn)拖放效果的實(shí)例

    Vue.js實(shí)現(xiàn)拖放效果的實(shí)例

    這篇文章主要介紹了Vue.js實(shí)現(xiàn)拖放效果的實(shí)例的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09
  • vue數(shù)據(jù)更新但視圖(DOM)不刷新的幾種解決辦法

    vue數(shù)據(jù)更新但視圖(DOM)不刷新的幾種解決辦法

    這篇文章主要給大家介紹了關(guān)于vue數(shù)據(jù)更新但視圖(DOM)不刷新的幾種解決辦法,我們?cè)陂_(kāi)發(fā)過(guò)程中經(jīng)常會(huì)碰到數(shù)據(jù)更新,但是視圖并未改變的情況,需要的朋友可以參考下
    2023-08-08
  • vue3的介紹和兩種創(chuàng)建方式詳解(cli和vite)

    vue3的介紹和兩種創(chuàng)建方式詳解(cli和vite)

    這篇文章主要介紹了vue3的介紹和兩種創(chuàng)建方式(cli和vite),vue3對(duì)比vue2帶來(lái)的性能提升有很多優(yōu)勢(shì),總體來(lái)說(shuō)Vue 3在性能、開(kāi)發(fā)體驗(yàn)和代碼組織方面都有所改進(jìn),使得它更加適合于大型、復(fù)雜的應(yīng)用程序開(kāi)發(fā),需要的朋友可以參考下
    2023-04-04
  • Vue項(xiàng)目打包編譯優(yōu)化方案

    Vue項(xiàng)目打包編譯優(yōu)化方案

    當(dāng)一個(gè)較復(fù)雜的vue項(xiàng)目打包后,文件會(huì)非常大,而且訪問(wèn)時(shí)資源加載速度很慢,本文介紹了幾種措施來(lái)優(yōu)化。
    2020-09-09
  • Vue動(dòng)態(tài)創(chuàng)建注冊(cè)component的實(shí)例代碼

    Vue動(dòng)態(tài)創(chuàng)建注冊(cè)component的實(shí)例代碼

    這篇文章主要給大家介紹了關(guān)于Vue動(dòng)態(tài)創(chuàng)建注冊(cè)component的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • vue中實(shí)現(xiàn)在外部調(diào)用methods的方法(推薦)

    vue中實(shí)現(xiàn)在外部調(diào)用methods的方法(推薦)

    下面小編就為大家分享一篇vue中實(shí)現(xiàn)在外部調(diào)用methods的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-02-02

最新評(píng)論