[Nginx 发布项目] 打包后的项目，使用nginx发布

7月前作者：小小的杰茜分类：Toy博客阅读(36) 违法举报

这篇具有很好参考价值的文章主要介绍了[Nginx 发布项目] 打包后的项目，使用nginx发布。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前提：使用的 mars3d 沐瑶大佬修改后的nginx , - 下载地址

使用的是 Mars3D三维可视化平台 | 火星科技修改后的 nginx 发布的服务，确保nginx发布服务时正常；

如果不是，那这里应该没有你想要的答案；

1、直接替换 html

1.1 直接将打包的文件，例如：dist下的文件，直接拷贝到 html 文件夹下

[Nginx 发布项目] 打包后的项目，使用nginx发布

查看ip地址：

wind + R -- 打开命令提示符

输入 ipconfig -- 查看ip地址

1.2 在浏览器直接输入ip地址就可以访问项目了

2、新建个路径

2.1 在 nginx - conf - host 文件夹下复制拷贝一份 localhsot_80.conf，修改为任意名称

[Nginx 发布项目] 打包后的项目，使用nginx发布

2.2 listen 修改为你想设置的端口号；

root 是你打的包放的位置 -- 可以直接将打包的项目路径给到root; 这样就可以每次打完包，都会立即生效；

[Nginx 发布项目] 打包后的项目，使用nginx发布

2.3 需要将之前的nginx任务结束掉，在重新开始

进程和服务都需要关闭

[Nginx 发布项目] 打包后的项目，使用nginx发布

2.4 输入端口号就可以访问项目

如：上面设置的是81 ；访问 http://localhost:81/ 或者 ip地址 +:81文章来源地址https://www.toymoban.com/news/detail-459588.html

到了这里，关于[Nginx 发布项目] 打包后的项目，使用nginx发布的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

404 not found nginx（dist打包后，刷新和跳转都是404 not found nginx的问题）解决方案（打包发布在服务器）

当我们执行了yarn run build之后，生成dist文件我们将代码放入nginx-1.24.0下面的html中然后我们就配置conf文件下的nginx.conf 配置方面不介绍了，主要问题是因为没有加这句话问题分析 index index.htm index.html; index 就是根目录，也就是只识别“/”结尾的，输入不存在或者刷新页面

2024年02月08日
浏览(33)
nginx: 部署前端项目的详细步骤（vue项目build打包+nginx部署）

目录第一章前言第二章准备工作 2.1 项目打包理解 2.1.1 打包命令 2.1.2 理解npm run serve/dev 和 npm run build命令 2.2 nginx参数配置理解 2.2.1 nginx常用基本命令 2.2.2 默认配置 2.2.3 搭建不同网站的站点 2.2.4 禁止访问的目录以及一键申请SSL证书验证目录相关设置 2.2.5 根据文件类型设置

2024年02月04日
浏览(44)
Vue项目如何打包并部署(nginx)

使用场景: 我们常使用前后端分离项目时,会需要将前端vue打包然后部署。一.打包 vue项目其实可以直接通过一下语句进行打包：默认打包情况如下: 当我们需要将打包名称以及静态资源位置进行修改时便需要进行相应的配置: 1.首先在项目根目录下创建vue.config.js文件配置内容

2023年04月26日
浏览(26)
SpringBoot + Vue2项目打包部署到服务器后，使用Nginx配置SSL证书，配置访问HTTP协议转HTTPS协议

配置nginx.conf文件，这个文件一般在/etc/nginx/...中，由于每个人的体质不一样，也有可能在别的路径里，自己找找... 证书存放位置，可自定义存放位置两个文件后端配置把.pfx拷贝到resource下，然后配置一下yml

2024年02月02日
浏览(51)
前端项目打包和自动化部署(jenkins+gitee+nginx)

1. 传统的开发模式在传统的开发模式中，开发的整个过程是按部就班就行：但是这种模式存在很大的弊端：工作的不协调：开发人员在开发阶段，测试和运维人员其实是处于等待的状态。等到测试阶段，开发人员等待测试反馈bug，也会处于等待状态。线上bug的隐患：项目准

2024年02月01日
浏览(33)
用Nginx打包部署vue3项目及404和500解决

打包vue3 安装Nginx 这里安装步骤比较繁琐，现在服务器比较便宜，如果想用Nginx，可以去菜鸟教程https://www.runoob.com/linux/nginx-install-setup.html 配置安装一下找到安装路径下的 conf 文件夹下 nginx.conf 文件，用编辑器打开这个文件里边的 4. 去cmd中检查一下配置的文件，可以看到

2024年02月20日
浏览(35)
Centos7通过nginx+tomcat部署Vue+SpringBoot项目(超详细步骤，从nginx+tomcat安装到Vue+SpringBoot打包配置+nginx.conf）

目录一丶前言二、安装nginx 1.准备nginx 2.服务器上传nginx 3.解压nginx 4.安装相关依赖库 5.编译nginx 6.启动nginx 7.访问nginx 8.安装成系统服务三、安装Tomcat 1.安装JDK（如果安装并配置环境变量了可以略过） 2.准备Tomcat 3.服务器上传tomcat 4.解压tomcat 5.启动tomcat 6.访问tomcat 7.设置

2024年02月05日
浏览(48)
nginx配置若依框架vue打包项目（同时支持http和https）

该配置模版主要是若依框架前后端配置，若只是配置普通的vue项目，直接复制一下小模块即可 #vue页面访问配置 location / { root /www/wwwroot/www.xxx.com; # autoindex on; try_files $uri $uri/ /index.html; index index.html index.htm

2024年01月25日
浏览(39)
vue打包之后的项目在nginx的部署404,以及无法跳转路由问题

路径都对，项目路由本地也能正常访问，但是部署后加路由地址404。其实就是nginx配置的问题。知乎上一位大哥的解决办法：vue-cli打包之后的项目在nginx的部署404,以及无法跳转路由问题 - 知乎问题其实就是路由没有重定向。更简单的配置方式就是try_files $uri $uri/ /index.html;

2024年02月14日
浏览(32)
nginx开启Gzip压缩，Vue性能优化之使用gzip压缩打包

不管是vue项目还是react项目在使用webpack打包之后都会生成一个动辄一两兆甚至更大的js文件，在某些情况下严重影响项目性能，打开页面的时候白屏时间会很长，本文将介绍如何使用gzip压缩打包，主要是nginx部署的配置，非常重要，我查阅了很多文章基本都没用说清楚甚至错

2024年02月02日
浏览(31)