2024-11-04 10:11:00
996
374
Nginx 的try_files配置是为了处理 Vue.js 应用程序的历史模式路由，而不是真正根据 URL 返回不同的 HTML 文件。它的作用是将所有请求重定向到同一个入口点（即），然后由 Vue Router 在客户端处理 URL 变更。这样可以让应用程序看起来像多页面应用，但实际上仍然是一个单页面应用。Nginx 配置： 当您在 Nginx 中添加try_files指令时，它告诉 Nginx 如果请求的 URI 存在，则尝试查找该目录下的index.html文件。如果没有找到，它将回退到根目录下的。_history模式为什么需要nginx配置
2024-11-02 10:11:05
435
402
为了提高安全性，建议为你的站点配置 HTTPS。但是因为环境或者其他的什么原因，每个人的部署情况可能都会不同，具体情况具体分析，欢迎大家分享自己遇到的问题。如果你的服务器启用了防火墙，确保允许 HTTP 流量通过。在 Nginx 的配置目录中创建一个新的配置文件。现在，你应该能够通过浏览器访问你的域名或 IP 地址来查看部署的 Vue 应用。将构建好的 Vue 项目文件复制到 Nginx 配置中指定的根目录。替换为你的域名或服务器的 IP 地址，并将。替换为你的 Vue 项目的构建目录路径。_nginx部署vue项目
2024-10-17 10:10:31
810
124
今天终于有了点空闲时间，所以更新了一下代码生成器，修复了用户反馈的bug，本次更新主要增加了dubbo和springcloud脚手架的下载功能，架子是本人亲自搭建，方便自由扩展或者小白学习使用，你也许会问为什么它们不能像springboot一样通过配置的方式生成项目，我只能回答：理论上是可以的，以后有时间会摸索可行之道，但是我觉得微服务框架业务复杂多变，不如直接使用脚手架自由扩展来的方便，所以目前是采用了这样一种方式。本篇博客将具体介绍脚手架每个部分的功能模块，然后畅想一下微服务技术的未来发展趋势。
2024-09-30 23:09:13
326
246
通过以上的步骤和注意事项，我们能够成功地将前端 Vue 项目部署到 Nginx 服务器上。这为项目的上线和稳定运行提供了可靠的保障。总结而言，Nginx 部署 Vue 项目的过程虽然需要一定的配置和调整，但通过合理的准备和操作，可以实现高效、稳定的项目部署。在部署过程中，对 Nginx 的配置文件的理解和 Vue 项目自身的特性把握是关键。展望未来，随着前端技术和业务需求的不断发展，Nginx 部署 Vue 项目可能会面临更多的挑战和优化需求。_nginx部署前端vue项目
2024-09-29 22:09:44
723
440
本文详细介绍了Nginx代理管理器NPM，一个易用的工具，具备直观界面、SSL证书管理、负载均衡、访问控制和日志监控等功能，能显著提升Web服务器管理效率和安全性。
2024-09-27 09:09:25
234
51
前言：由于安全组要求，前端页面只开放一个端口，但是项目有多个前端，此前一直使用的是一个前端使用单独一个端口进行访问，现在需要调整。重新打包构建vue前端代码，修改nginx配置，并重启nginx，防火墙允许nginx配置的端口。需要实现：这里以80端口为例，两个前端分别是：project1，project2。例如：访问项目1：192.168.1.10:80/project1。需要的配置：1、nginx配置；2、vue前端代码修改。两个项目的vue代码均要修改。2、vue前端代码修改。_nginx一个端口配置多个前端
2024-08-18 00:08:02
643
779
如何解决 NPM依赖下载超时问题 ：npm ERR! network timeout at: https://registry.npmjs.org/猫头虎：领域矩阵：在前端开发和运维的世界里，NPM（Node Package Manager）是开发者们不可或缺的好伙伴。尽管如此，许多开发者在使用 NPM 安装依赖包时都会遇到一个令人头疼的问题：通过切换到国内的 NPM 镜像源（例如淘宝镜像），我们可以大幅提高下载速度，避免超时错误。具体操作步骤如下：临时更换（一次性使用）：使用 命令的 参数。这会让当
2024-08-18 00:08:53
871
937
这个文件将被 Nginx 加载以配置网站的行为，例如设置代理、重定向等。这意味着当你访问 Nginx 服务器时，这些静态文件将被提供给客户端。命令重新启动它，这次使用正确的端口映射。端口，你需要确保 Docker 容器的端口映射也相应地设置为。：指定基础镜像，这里使用的是 Nginx 的官方镜像，标签为。目录中的所有文件复制到 Nginx 的默认网页根目录。： 首先，你需要找到容器的 ID 或名称。命令加上容器的 ID 或名称来停止容器。这将覆盖默认的 Nginx 配置。命令列出所有正在运行的容器。_docker nginx部署vue
2024-08-18 00:08:25
106
552
当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料
2024-08-04 22:08:03
498
779
首先，我们需要创建一个简单的 HTML 文件，其内容为 “Hello, World!然后，我们将使用 Nginx 来部署这个静态文件，并配置它，以便可以通过服务器的地址直接访问这个网页。_自己写的html怎么让别人看到
前端知识
jenkins配置giteewebhook触发流水线部署前后端SpringbootVue，nginx部署，jar包shell脚本，企业微信推送shell脚本配置，devopsLinux 集成式触发部署
2024-08-04 00:08:17
941
14
jenkins配置giteewebhook触发流水线部署前后端SpringbootVue，nginx部署，jar包shell脚本，企业微信推送shell脚本配置，devops手把手教程Linux_jenkins webhook
2024-07-24 23:07:25
625
511
若依Vue Nginx部署相关问题一下午踩坑（页面刷新404、验证码找不到、系统资源404，后端接口404等等）_若依nginx部署一直提示正在加载资源
2024-07-20 17:07:10
374
583
我们知道前端常用的有Hash 模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location / {}）下部署和在非根地址上（location /admin{}）部署。_vue vite页面访问路径怎么设置 nigux
2024-06-19 23:06:17
627
560
解决方案：修改配置文件：listen 80; # 监听的端口 server_name xx.xx.xxx.xx; # 处理的host地址 (请替换成你对应的项目访问 ip 或 域名)!!! root /usr/share/nginx/html; # vue项目存在的目录(替换成你对应的地址，如果你这是用docker部署的请改成你容器内的地址) ..._vue nginx 刷新页面 找不到
2024-06-09 10:06:25
918
925
在企业开发环境中，局域网内的设备通常需要通过正向代理服务器访问互联网。正向代理服务器充当中介，帮助客户端请求外部资源并返回结果。局域网内也就是我们俗称的`内网`，局域网外的互联网就是`外网`，在一些特殊场景内，例如：医院。而局域网中的客户端要访问这些资源时，就需要通过代理服务器。这种通过代理服务器访问外部网络资源的方式，就是正向代理。_nginx正向代理
2024-06-02 09:06:08
83
414
注意：将多个html项目放在一个server中出现js,css加载不出来问题。可以将文件放在主项目同级目录下（暂时解决，可能是静态资源配置问题，不会弄）。6.处理所有引用的部分前面加上，在conf中添加的映射路径。5.普通html项目，部署会出现以下错误。3.修改nginx.conf文件。4.修改端口防止占用和添加新映射。2.将项目放入html目录下。1.下载nginx,解压。_nginx无法加载js与css
2024-05-31 19:05:42
208
382
【2024最新前端部署】Ubuntu22.04 使用nginx部署vue前端项目教程。一.ubuntu安装nginx。二.vue项目代码打包。三.ubuntu修改nginx配置文件。四.部署前端代码_ubuntu配置前端开发环境
2024-05-29 10:05:16
460
675
docker exec -it 容器名 要执行的命令exec命令可以进入容器修改文件，但是在容器内修改文件是不推荐的，因为一个是不方便，另一个是没有记录。_docker nginx index.html更改后
2024-05-09 11:05:27
51
12
5、修改nginx配置之后，需要重启nginx生效，然后去页面清空浏览器环缓存后查看，app.js 和chunk-vendors.js 两个文件变成了 884kB 和642 kB，大小和加载时间都有明显的下降。3、 修改后，先本地 npm run build 打包，打包成功后，看下包里的js文件中是否包含 .gz 结尾的文件，如果包含就可以把包部署到相关环境上。问题场景，如下图，环境上的 app.js 和chunk-vendors.js 两个文件大小，高达3.4M 和 2M ，加载所耗费的时间也很长。_app-chunks优化
2024-04-29 12:04:16
976
99
在不考虑自建格式的情况下，如nginx的nginx.conf，如caddy的Caddyfile，将会同时兼容toml及yaml格式的配置文件。
2024-04-21 10:04:35
232
210
一般为位置为 /usr/local/nginx/conf/ ,如果知道你服务器的配置文件位置，那我们直接切进去。这边让我们输入密码，输入密码时候是不可见的 所以输入直接敲回车 正确就直接进去了，错了就重新来过。找到nginx安装的目录下的 /sbin 文件夹，我的是在 /conf的同级目录。根据需要进行启动配置。_nginx配置dist文件
前端知识
Uncaught SyntaxError: Unexpected token ‘＜‘ (at chunk-elementUI.b928ec57.js:1:1)chunk-libs.9fce9e88.
2024-04-09 23:04:13
20
308
因为去掉了 try_files $uri $uri/ /index.html;，返回了真正错误的信息，提示找不到这些文件。webpack splitChunks分包及CompressionPlugin压缩所导致的nginx部署，浏览器编译错的情况。此为高阶解压，可以解压node_modules中的模块，实现页面的正常调用。导致无法正确的定位问题，try_files回默认返回一个html的内容所以报错是<' gzip压缩
2024-04-09 00:04:21
134
387
最近用flask做了个接口，功能主要是使用getssl用来申请letsencrypt免费证书，并将其功能嵌入进公司的CMDB系统，可以通过一键点击来进行证书的申请，添加TXT域名解析，获得证书文件，将证书文件自动推入到git库等待使用，等功能。uwsgi可以根据你自己的配置情况来选择配置http-timeout还是socket-timeout，这里都配上也不影响。由于申请证书过程繁琐，时间较长，每次发起请求后，，你们可以根据情况自己设置合适的超时时间。由此解决了超时请求的问题。，由于我的请求流程是。_flask 502
2024-04-03 12:04:45
731
46
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.出现该问题的场景为解决vue gzip打包部署，nginx配置 try_files $uri $uri/ @router_nginx代理vue项目请求content-type: text/html
2024-03-12 01:03:17
283
204
2、 对 webpack 配置打包压缩，并在服务端加上支持gizp的配置，当浏览器请求时，服务端直接将资源返回给浏览器。1、在服务端开启压缩，当浏览器发起请求时，服务端对传输资源进行实时压缩，然后返回给浏览器。第二种则是打包后的 dist 文件包体积比较大（因为包含 .gz 文件和源文件）第一种是服务端进行实时压缩，对服务器的性能消耗较大。首先，安装 compression 插件。如下图，看到响应头中出现。_vue gzip
2024-02-23 11:02:15
97
710
记录一下自己想搭建一个自己的个人网站的心路历程，其实我刚开始的落脚点是找一个别人的半成品或者成品，再慢慢的改，想把主要的精力放在后台上面，找了很多网站之后，例如,，不是项目很久没有维护了，就是好看的没有适合我的?（怪我，太菜了~傻狗哽咽??），最后还是决定用vue3自己从0开始学，开始搭建。_vue3 nginx
2024-02-04 11:02:02
835
492
至于为什么会出现标题上面的报错，是因为我把配置文件内的 root 对应的路径写错了。所以在我排查的过程中，一直觉得很奇怪，明明html路径也有，容器启动正常，就是访问不到。花费了一些时间。知识归纳：在这个实验中，我意识到nginx.conf这个文件针对的是容器内部才有效，而不是看着容器外面的路径。_vue部署500 internal server error nginx