基於nuxt.js的項目從搭建到部署步驟

1、項目搭建

一、 建立nuxt項目(確保安裝了npm)nginx

# npx create-nuxt-app

二、 他會讓你進行一些選擇git

Project name  //項目名稱  
    
Project description  //項目描述  
    
Use a custom server framework  //服務器框架  
    
Use a custom UI framework  //UI框架  
    
Use a custom test framework  //測試框架  
    
Choose rendering mode  //nuxt模式  
    
Author name //做者名稱  
    
Choose a package manager  // 包管理

三、運行項目npm

# npm run dev

2、項目安裝

一、拉去項目到服務器服務器

# git clone

二、安裝依賴app

npm install

3、打包部署

一、打包編譯框架

# npm run build

二、使用pm2部署項目(具體命令自行查看https://www.npmjs.com/package/pm2測試

# npm install -g pm2

三、用pm2啓動項目ui

# pm2 start npm --name "項目名" -- run start

4、nginx反向代理端口

一、配置反向代理,修改 nginx.conf 文件nuxt

在server段裏面的location添加  proxy\_pass  http://ip:端口;

至此完成整個流程代理

相關文章
相關標籤/搜索