nginx反向代理二级目录导致vue项目静态文件css js访问不到

2022年5月30日19:06:00

nginx vue项目配置

    server {listen 9888;server_name 127.0.0.1;error_log   /data/log/nginx/houtai-error.log;access_log  /data/log/nginx/houtai-access.log;root "/data/wwwroot/houtai";index index.html;charset utf-8;location / {autoindex  off;try_files $uri $uri/ /index.html;}

nginx反向代理配置

这个主域名的二级目录反向代理过去

     location /houtai/ {proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header Remote_addr $remote_addr;proxy_pass http://127.0.0.1:9888/;}

但是会造成js css 静态文件无法访问

vue 2.6.x

vue.config.js

publicPath: process.env.NODE_ENV === 'production' ? '/houtai' : '/',

就可以了

可以在dist文件夹，index.html文件引用文件是否有 houtai 前缀

nginx反向代理二级目录导致vue项目静态文件css js访问不到相关推荐

nginx 反向代理某个目录下带特定后缀名的文件
因为现在前端开发有时开发环境和生产环境 url路径不同,所以前端基本会采用nginx反向代理接口举个例子想把http://localhost/project/test.action 反向代理到 h ...
泛目录程序如何设置目录反向代理(Nginx反向代理泛目录、目录、整站方法 nginx反向代理配置)
这里以宝塔面板为例,图形界面很友好,适合小白. 我自己的博客也有这篇原创文章,购买泛目录和技术参考请前往此贴: https://www.waytomilky.com/archives/738.html ...
成功解决：配置nginx反向代理不正确导致验证码失效的问题
原因是因为反向代理没有支持会话(session)保持,需要修改/etc/nginx/nginx.conf配置文件 sudo vim /etc/nginx/nginx.conf 原反向代理配置,按时间顺 ...
利用nginx反向代理在内网服务器（无外网）下访问接口，视频，地图（一）
最近在项目中遇到一个需求,需要把项目部署在客户内网服务器上(无外网),内网服务器(无外网)需要访问公网IP,由于我们的项目包括外接谷歌地图接口,视频直播接口:项目经理就把这个任务分配给我,让做ngni ...
Nginx反向代理内网web系统找不到CSS，JS及图片问题解决方案
一.背景介绍: 有个部署在内网的web单体应用,需要通过部署在DMZ区的Nginx访问到,由于需要复用现有的域名,所以只能是通过在Nginx上增加location的方式访问. 二.问题描述: 但是在访 ...
nginx反向代理去除目录层级转发
项目场景: 新系统上线,由于生产环境域名有限,分配域名时添加一层路径用于F5请求拦截分发. 使用中间件: web: Nginx ----> 主要用于请求转发,不做负载均衡策略. 应用:tomc ...
微服务架构（5）：nginx反向代理cors解决跨域
微服务架构(5):nginx反向代理&&cors解决跨域学习目标 1.使用域名访问本地项目 1.1.统一环境 1.2.域名解析 1.3.解决域名解析问题 1.4.nginx解决端口问 ...
容器化单页面应用中Nginx反向代理与Kubernetes部署
在<容器化单页面应用中RESTful API的访问>一文中,我介绍了一个在容器化环境中单页面应用访问后端服务的完整案例.这里我将继续使用这个案例,介绍一下容器化单页面应用部署的另一个场景: ...
Laravel 和 Dcat Admin 在使用 Nginx 进行 Uri 二级目录的反向代理时遇到的问题以及解决方法
文章目录问题解决方法改进问题一般的 Laravel 应用进行 Nginx 的 Uri 二级目录反向代理的时候,Nginx 的配置文件可按如下配置 location /prefix/ {set ...

nginx反向代理二级目录导致vue项目静态文件css js访问不到

nginx反向代理二级目录导致vue项目静态文件css js访问不到相关推荐

最新文章

热门文章

nginx反向代理二级目录 导致vue项目静态文件css js访问不到

nginx反向代理二级目录 导致vue项目静态文件css js访问不到相关推荐

最新文章

热门文章

nginx反向代理二级目录导致vue项目静态文件css js访问不到

nginx反向代理二级目录导致vue项目静态文件css js访问不到相关推荐