npm run build部署到云服务器中的Nginx(图文配置)

前言

对于Nginx的基本知识推荐阅读:

  1. Nginx将https重定向为http进行访问的配置(附Demo)
  2. 详细分析Nginx配置参数(附Demo)
  3. Nginx配置静态网页访问(图文界面)
  4. Nginx从入门到精通(全)

一开始访问不到,以为是Nginx的配置哪里有问题,最后发现云服务器有个必不可少的点要注意,此贴主要为了记录总结

1. 配置流程

基本的知识点可以参照前言进行补充阅读

此处直奔主题并阐述遇到的Bug

  1. 打包前端服务
    使用 npm run build 命令打包你的前端项目
    这个命令会生成一个包含静态资源的 dist 或 build 文件夹(具体文件夹名称取决于你的前端框架和配置)

  2. 上传打包文件到服务器
    将生成的静态文件(例如 index.html、styles.

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农研究僧

你的鼓励将是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值