云起工作室 15711107967
01安装部署
2025-02-06 10:44:58
1、安装

npx create-nuxt-app xxx
或npx nuxi init xxx


一定要选择  Choose rendering mode Universal (SSR)


开发:
npm run dev
yarn dev


打包:
npm run build
npm run start


yarn build
yarn start



2、部署:

将 .nuxt文件夹、server文件夹、nuxt.config.js、package-lock.json、package.json 放到云服务器

nuxt.config.js

module.exports={
	server:{
		prot:3000,//端口
		host:'0.0.0.0'
	}
}



执行 npm install  安装依赖包  或直接将 node_modules 一并放到云服务器
用pm2 管理
安装 pm2  npm install -g pm2 
(node做后端的接口服务)开启后端:pm2 start ./bin/www --name=nuxt9000
开启前端:pm2 --name=nuxt3000 start npm -- run start


查看是否监听端口
netstat -nltp


pm2   

npm install pm2 -g	安装
pm2 update			更新版本
pm2 list			显示所有进程状态
pm2 monit			监视所有进程
pm2 log				显示所有进程日志
pm2 stop all		停止所有进程
pm2 restart all		重启所有进程
pm2 reload all		0 秒停机重载进程 (用于 NETWORKED 进程)
pm2 stop name		停止指定的进程,name为标识
pm2 restart name	重启指定的进程,name为标识
pm2 startup			产生 init 脚本 保持进程活着
pm2 web				运行健壮的 computer API endpoint (http://localhost:9615)
pm2 delete name		杀死指定的进程,name为标识
pm2 delete all		杀死全部进程




3、安装axios 和 proxy

npm i @nuxtjs/axios @nuxtjs/proxy




配置nuxt.config.js

modules:[

	'@nuxtjs/axios'

],

axios:{

	proxy:true, //开启代理

	prefix:"/api"

},

//代理配置

proxy:{

	"/api/":{

		target:"http://localhost:8080",

		changeOrigin:true,

		pathRewrite:{

			//'^/api':''

		}

	}

}




配置端口

server:{

    port:3001,

    host:'0.0.0.0'



  },




linux下安装nvm




下载压缩包

https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz

wget https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz







解压

mkdir -p /root/.nvm

tar -zxvf nvm-0.38.0.tar.gz -C /root/.nvm







修改 ~/.bashrc  添加以下内容

export NVM_DIR="$HOME/.nvm/nvm-0.38.0"

[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

# This loads nvm

[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  

# This loads nvm bash_completion

# nodejs下载更换淘宝镜像



export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node