2024-06-19 23:06:17 617 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 892 925
在企业开发环境中,局域网内的设备通常需要通过正向代理服务器访问互联网。正向代理服务器充当中介,帮助客户端请求外部资源并返回结果。局域网内也就是我们俗称的`内网`,局域网外的互联网就是`外网`,在一些特殊场景内,例如:医院。而局域网中的客户端要访问这些资源时,就需要通过代理服务器。这种通过代理服务器访问外部网络资源的方式,就是正向代理。_nginx正向代理
2024-06-02 09:06:08 63 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 177 382
【2024最新前端部署】Ubuntu22.04 使用nginx部署vue前端项目教程。一.ubuntu安装nginx。二.vue项目代码打包。三.ubuntu修改nginx配置文件。四.部署前端代码_ubuntu配置前端开发环境
2024-05-29 10:05:16 448 675
docker exec -it 容器名 要执行的命令exec命令可以进入容器修改文件,但是在容器内修改文件是不推荐的,因为一个是不方便,另一个是没有记录。_docker nginx index.html更改后
2024-05-09 11:05:27 27 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 970 99
在不考虑自建格式的情况下,如nginx的nginx.conf,如caddy的Caddyfile,将会同时兼容toml及yaml格式的配置文件。
2024-04-21 10:04:35 223 210
一般为位置为 /usr/local/nginx/conf/ ,如果知道你服务器的配置文件位置,那我们直接切进去。这边让我们输入密码,输入密码时候是不可见的 所以输入直接敲回车 正确就直接进去了,错了就重新来过。找到nginx安装的目录下的 /sbin 文件夹,我的是在 /conf的同级目录。根据需要进行启动配置。_nginx配置dist文件
2024-04-09 23:04:13 17 308
因为去掉了 try_files $uri $uri/ /index.html;,返回了真正错误的信息,提示找不到这些文件。webpack splitChunks分包及CompressionPlugin压缩所导致的nginx部署,浏览器编译错的情况。此为高阶解压,可以解压node_modules中的模块,实现页面的正常调用。导致无法正确的定位问题,try_files回默认返回一个html的内容所以报错是<' gzip压缩
2024-04-09 00:04:21 128 387
最近用flask做了个接口,功能主要是使用getssl用来申请letsencrypt免费证书,并将其功能嵌入进公司的CMDB系统,可以通过一键点击来进行证书的申请,添加TXT域名解析,获得证书文件,将证书文件自动推入到git库等待使用,等功能。uwsgi可以根据你自己的配置情况来选择配置http-timeout还是socket-timeout,这里都配上也不影响。由于申请证书过程繁琐,时间较长,每次发起请求后,,你们可以根据情况自己设置合适的超时时间。由此解决了超时请求的问题。,由于我的请求流程是。_flask 502
2024-04-03 12:04:45 710 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-26 08:03:19 834 374
实例项目是使用vue3 vite。对于vue项目进行打包,npm run build_vue打包命令
2024-03-18 11:03:22 348 406
学习和使用CSS的所有选择器
2024-03-12 01:03:17 279 204
2、 对 webpack 配置打包压缩,并在服务端加上支持gizp的配置,当浏览器请求时,服务端直接将资源返回给浏览器。1、在服务端开启压缩,当浏览器发起请求时,服务端对传输资源进行实时压缩,然后返回给浏览器。第二种则是打包后的 dist 文件包体积比较大(因为包含 .gz 文件和源文件)第一种是服务端进行实时压缩,对服务器的性能消耗较大。首先,安装 compression 插件。如下图,看到响应头中出现。_vue gzip
2024-02-23 11:02:15 87 710
记录一下自己想搭建一个自己的个人网站的心路历程,其实我刚开始的落脚点是找一个别人的半成品或者成品,再慢慢的改,想把主要的精力放在后台上面,找了很多网站之后,例如,,不是项目很久没有维护了,就是好看的没有适合我的?(怪我,太菜了~傻狗哽咽??),最后还是决定用vue3自己从0开始学,开始搭建。_vue3 nginx
2024-02-04 11:02:02 825 492
至于为什么会出现标题上面的报错,是因为我把配置文件内的 root 对应的路径写错了。所以在我排查的过程中,一直觉得很奇怪,明明html路径也有,容器启动正常,就是访问不到。花费了一些时间。知识归纳:在这个实验中,我意识到nginx.conf这个文件针对的是容器内部才有效,而不是看着容器外面的路径。_vue部署500 internal server error nginx