新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Vue項目部署的實現(xiàn)(阿里云+Nginx代理+PM2)-創(chuàng)新互聯(lián)
最近部署一個Vue項目到阿里云ECS上,因為項目涉及一些跨域請求,所以采用了Nginx
代理請求本地的node
服務(wù)(利用pm2
做進程管理)。node
服務(wù)借助axios
設(shè)置headers
的referer
、host
轉(zhuǎn)發(fā)請求,解決跨域請求問題。
先交代下在阿里云ECS里安裝的部署環(huán)境:phpstudy
(php調(diào)試運行大禮包,里面包含nginx、mysql等,還能監(jiān)控端口占用情況)、pm2
(node服務(wù)進程管理工具)、node
、git
等等。
部署過程
- 拉去GitHub項目代碼至root目錄下(找到安裝phpstudy的WWW目錄),構(gòu)建項目
- 修改nginx-conf的代理配置、root項配置(指向項目項目的dist目錄下)
- 啟動pm2(項目中,事先已寫好服務(wù)端邏輯prod.server.js)
- 啟動phpstudy
- 訪問項目
構(gòu)建項目
構(gòu)建項目前,要修改項目confing
目錄下的index.js
,主要是build
部分的端口、目錄,具體如下:
build: { port: 9001, // 因為我是用PHPStudy做web服務(wù)器的,此時php.cgi會占9000端口,所以改用9001 // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '', ....... }
本文名稱:Vue項目部署的實現(xiàn)(阿里云+Nginx代理+PM2)-創(chuàng)新互聯(lián)
路徑分享:http://www.dlmjj.cn/article/pgiis.html