Nginx部署React项目或vue项目的打包成果

  1. 前言
    最近一哥们遇到一个问题:说开发环境正常,打包完提示Cesium is not defined,仔细看了他的配置一切都正常。最后我才搞清楚原来他没部署。问题就出在这儿了!

    那么如何在Nignx部署React或Vue项目成果?

  2. 下载nginx
    Nginx部署React项目或vue项目的打包成果_第1张图片

  3. 拷贝文件至html文件夹下
    Nginx部署React项目或vue项目的打包成果_第2张图片

  4. 修改配置文件D:\nginx-1.20.1\conf\nginx.conf
    Nginx部署React项目或vue项目的打包成果_第3张图片
    添加如下内容:

  location / {
       root html/plat;
	   try_files $uri /index.html;
  }

Nginx部署React项目或vue项目的打包成果_第4张图片

  1. 点击nginx.exe启动nginx,在本机访问http://localhost即可访问程序
    Nginx部署React项目或vue项目的打包成果_第5张图片

你可能感兴趣的:(WEB软件开发,nginx,react.js)