centos部署vue專案

2021-09-20 00:17:59 字數 1091 閱讀 8447

參考鏈結

nodejs伺服器部署教程二，把vue專案部署到線上

打包

#在本地使用以下命令，打包


npm run build 


#打包之後本地會出現dist資料夾。將dist資料夾以及package.json 檔案上傳到centos伺服器上，此處隨便什麼位置，新建個資料夾就能放。
啟動專案
//定義目錄


const fs = require('fs');


const path = require('path');


const express = require('express');


//vue目錄


const html = fs.readfilesync(path.resolve(__dirname, './dist/index.html'), 'utf-8')


res.send(html)


})//定義啟動的埠號
執行如下命令：

#安裝依賴包,如果系統中沒有安裝node，npm命令會找不到


npm install


#啟動vue專案（pm2命令也需要單獨安裝，安裝之後再執行下面命令）
執行上面操作之後，訪問127.0.0.1:8082就可以了，根據自己設定的埠訪問。如果想從外網訪問，則需要知道自己的ip，ip:port的方式就可以從外網訪問。

使用nginx**，使用網域名稱訪問

如果nginx安裝不會此處

nginx配置檔案(/etc/nginx/nginx.conf)

}}配置完之後，使用onloading.cn邊可以訪問你的專案了。

centos 部署 vue專案

tar xvf node v10.16.0 linux x64.tar.xz 移動 cd usr local mv 解壓檔案路徑 node v10.16.0.0 linux 64 nodejs npm與node命令生效 ln s usr local nodejs bin npm usr local ...

Centos部署專案

nginx virtualenv uwsgi django mysql supervisor 部署專案 一 安裝python3 二 安裝mariadb，並授權遠端 grant all privileges on to root identified by mysql密碼 flush privileg...

vue專案部署

1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案，npm run build 之後會生成乙個dist資料夾,即為打包好的檔案，將檔案放在磁碟中，配置nginx監聽80埠，並指定服務名稱server name，最終可用kangqiao.kangqiao.c...