Nuxt的服务端部署_nuxt服务端部署proxy配置

云计算与后端部署来源：网络编辑：小编更新时间：2024-10-30 15:19:09 浏览量：14

Nuxt有两种部署方案，即 静态部署 和 服务端部署

静态部署主要就是 spa 部署，执行 npm run generate 即可生成 dist ，放置在服务端即可

项目打包

重点来说一下服务端部署

将 nuxt 项目中的 nuxt.config.js 中的mode改为 uniserval
然后执行npm run build 生成 .nuxt 目录
最后执行 npm run start 命令即可

然后将下图中的三个目录放置在服务器上，在服务目录下执行 npm run start 即可在服务端运行

但是这里是在服务器上，所以启动 npm run start 终究不雅观，所以我这里使用 pm2 守护

PM2守护

首先需要在项目下安装 node-cmd 模块，执行 npm install node-cmd -s

然后写一个 js 文件我这里叫作 start.js

start.js 写下如下内容

var cmd = require('node-cmd');
cmd.run('npm run start');

然后在该目录下打开终端执行 pm2 start start.js

这样就可以在本地访问 locahost:3000 访问该项目了

但是外网还是访问不了，我们这里用 nginx 来代理

Nginx反向代理

在 nginx / nginx.conf 文件中添加如下代码

http {
    ...
	
	# 定义nuxt访问项目地址  定义变量访问地址
	upstream nodeNuxt {
        server 127.0.0.1:3000; # nuxt 项目监听PC端端口
        keepalive 64;
    }
    
    server{
		listen 80;
		server_name xxx.xxx.com;
		location / {
			proxy_pass http://nodeNuxt;  # 反向代理指向nuxt项目
        }
	}
    
    ...

}

然后重启 nginx 即可

个人博客👉：点此进入（http://xueshuai.top）

PHP学习交流群👉：PHP学习交流群

前端学习交流群👉：前端交流群

微信公众号👉：叮当Ding

上一篇： gin web服务端部署_go web 服务器

下一篇： SVN的服务端部署&客户端使用，这一篇就够了~_svn 服务端

版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/hd-yjs/4479.html

项目打包

PM2守护

Nginx反向代理

相关文章：