差了很多资料,吧自己的经验总结一下:
- 创建项目
vue init nuxt-community/starter-template <project-name> 进行搭建的!
- 打包
执行nuxt build
或者npm run build
打包后,发现没有dist文件, 这是这个基础模版配置的,我么也不需要dist文件
选择那个文件文件上传到服务器上去????
ps: 这里避免不了要node_modules 下载一份
我的服务器文件
启动服务前先要修改package.json配置:我ngixn代理是5656端口,这里启动应该是5656端口
"scripts": {
"dev": "PORT=5656 nuxt",
"build": "nuxt build",
"start": "PORT=5656 nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
},
启动服务:
pm2 start npm --name "ele-nuxt-5656" -- run start
nginx代理配置:
#ele-nuxt
upstream eleNuxt {
server 127.0.0.1:5656;
}
server {
listen 80;
server_name ele-nuxt.zhooson.cn;
#charset koi8-r;
#access_log logs/host.access.lsog main;
location / {
#设置主机头和客户端真实地址,以便服务器获取客户端真实IP
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#禁用缓存
proxy_buffering off;
#反向代理的地址
proxy_pass http://eleNuxt;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
ps: 修改完nginx.conf 后别忘了重启一个sbin/nginx 的脚本