第一步:生成.nuxt目录
npm run build
第二步:将选中的四个文件放到服务器上
第三步:安装依赖
npm install
第四步:启动项目
npm start
此时会运行起来localhost:3000的服务,但是会随着shell的关闭而关闭,因此安装pm2来维护你的进程吧
第五步:配置nginx(nuxt服务的nginx不需要配置页面地址哦)
server {
listen 8085;
server_name 服务器的ip地址; #要访问的域名,我这里用的ip
location / {
proxy_pass http://localhost:3000; #映射到代理服务器,可以是ip加端口,或url
index index.html index.htm;
}
}
最后:
重启你的nginx,访问你的项目吧
注意:package.json里面的写法,很有可能就是造成部署失败的原因
官方推荐的写法是:
{
"name": "my-app",
"dependencies": {
"nuxt": "latest"
},
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start"
}
}
遇到的问题
1、项目放入后,启动不起来
配置文件有问题,服务器上没有安装nuxt
$ npm install --save nuxt
2、启动成功, nginx配置有问题,启动失败
检查配置,然后重新启动
3、注意服务器的端口占用和防火墙问题,有时会阻碍你哦