<li id="c4loq"><acronym id="c4loq"></acronym></li>

<button id="c4loq"></button>
    <dd id="c4loq"><pre id="c4loq"></pre></dd>

      <th id="c4loq"></th>

        <dd id="c4loq"></dd>

        溫馨提示×

        Ubuntu中怎么部署vue項目

        發布時間:2022-10-24 13:41:03 來源:億速云 閱讀:96 作者:iii 欄目:服務器

        這篇文章主要介紹“Ubuntu中怎么部署vue項目”,在日常操作中,相信很多人在Ubuntu中怎么部署vue項目問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Ubuntu中怎么部署vue項目”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

        1.安裝nginx。

        2.在vue項目的根目錄下執行“npm run bulid:prod”打包vue項目。

        3.打包完成后會生成一個dist目錄,將其上傳到服務器中。

        4.修改nginx配置文件/etc/nginx/sites-enabled/default,例如:

        server {

        listen 80;

        listen [::]:80;


        server_name 127.0.0.1:80; # 服務器域名或IP+端口


        root /data/blog/backend/dist; # 打包后的dist目錄

        index index.html;


        location / {

        try_files $uri $uri/ @router; # 指向下面的 @router否則會出現 404

        }


        # 對應上面的 @router,主要Vue請求并不是真實路徑,無法找到文件,需要重定向到 index.html 中,然后交給路由處理

        location @router {

        rewrite ^.*$ /index.html last;

        }

        }


        5.輸入命令重新加載配置文件即可。

        nginx -s reload


        到此,關于“Ubuntu中怎么部署vue項目”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

        免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

        主題地圖

        黄片免费无马赛克

        <li id="c4loq"><acronym id="c4loq"></acronym></li>

        <button id="c4loq"></button>
        <dd id="c4loq"><pre id="c4loq"></pre></dd>

          <th id="c4loq"></th>

            <dd id="c4loq"></dd>