用户登录

在正式的生产环境,一般我们需要给这个应用配置一个域名,然后使用 Nginx 配置一个反向代理。

先配置一个域名,让域名指向运行 Nuxt.js 的远程服务器的 IP 地址,这里我配置了一下,让 ninghao-nuxt.ninghao.co 这个域名指向了运行 Nuxt.js 应用的远程服务器。

然后使用 SSH 登录到远程服务器,先执行一下 apt-get update 更新一下软件包列表,再执行一下 apt-get install nginx,在系统上安装一下 Nginx。

完成以后执行 systemctl start nginx,启动 Nginx 服务,再执行 systemctl enable nginx,让 nginx 这个服务开机自启动,这个命令只需要执行一次。

配置

下面去创建一个反向代理,进入 /etc/nginx/conf.d,在这个目录里新建一个 Nginx 的配置文件,名字是 ninghao-nuxt.ninghao.co.conf,文件的扩展名必须是 .conf。

你可以在我的这个远程仓库里找到 Nginx 的反向代理配置,这个反向代理服务监听的端口号是 80,后面我们会使用 Let's Encrypt 给这个服务签发 SSL 证书,它会帮我们修改这个配置文件里的配置,让服务支持 HTTPS 协议。

复制一下这个配置文件里的内容,回到终端,按小 i 进入编辑模式,command + v 粘贴。你需要修改这个配置文件里的 server_name,把 xb2-next.ninghao.co 换成自己的域名。

esc 退出编辑模式,再输入 :wq ,按下回车,保存并退出。然后执行 systemctl reload nginx,重载一下 nginx 服务。这样新做的配置才会生效。

在浏览器,访问一下 http://ninghao-nuxt.ninghao.co ,现在显示的就是 Nuxt.js 应用,访问这个地址的时候,提供服务的是 Nginx,它会把请求转发给我们的 Nuxt.js 应用。

用 Nginx 为 Nuxt 应用配置反向代理《 Nuxt.js:应用部署 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点