美文网首页
nginx配置VUE静态工程反向代理

nginx配置VUE静态工程反向代理

作者: 菊上一枝梅 | 来源:发表于2023-02-01 19:27 被阅读0次
        location /haha {
            alias /opt/projects/testStatic;
            try_files $uri $uri/ @router;
            index index.html;
        }
        
        # 处理直接访问VUE工程中的某个子页面
        # 对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
        # 因此需要rewrite到index.html中,然后交给路由在处理请求资源
        location @router {
            rewrite ^.*$ /index.html last;
        }

        # 配置静态工程资源路径
        location /static {
            root /opt/projects/testStatic;
        }

相关文章

  • nginx配置VUE静态工程反向代理

  • nginx常用配置

    nginx常用配置 监听端口 访问日志 域名 静态资源 重定向 反向代理 负载均衡 SSL协议 nginx配置微信...

  • Nginx应用场景

    反向代理,负载均衡,动静分离 1.反向代理 修改nginx配置,并重新加载 重新加载nginx配置./nginx ...

  • 01-nginx前端方向代理

    前端反向代理 1.下载nginx 2. 配置nginx.conf反向代理

  • vue devServer Host检查配置

    vue创建项目后需要使用nginx反向代理 配置这样一个功能 配置好nginx后报错 Invalid Host h...

  • nginx

    nginx的配置、虚拟主机、负载均衡和反向代理一nginx的配置、虚拟主机、负载均衡和反向代理二nginx的配置、...

  • vue 打包之后 接口报错404

    注:已经设置过ngnix反向代理 问题:vue项目proxyTable设置的代理;nginx后台配置了跨域如图 当...

  • nginx反向代理

    什么是反向代理 如何实现反向代理 准备工作以及安装nginx 配置nginx nginx的初始配置文件去掉注释后的...

  • nginx代理vue中的websocket

    vue代码 vue代理 nginx代理配置

  • Nginx常用配置

    基础配置 反向代理配置 静态资源配置

网友评论

      本文标题:nginx配置VUE静态工程反向代理

      本文链接:https://www.haomeiwen.com/subject/eagihdtx.html