ruoyi-vue部署在nginx非根目录下前端打包方式及nginx配置方式(超级有用)

本文介绍了ruoyi-vue前端项目在nginx非根目录下部署时遇到的错误及解决方案。主要涉及nginx配置、vue.config.js的publicPath和outputDir调整,以及router文件夹下index.js的设置,确保正确访问静态资源并解决404问题。
摘要由CSDN通过智能技术生成

一、若依默认情况下打包的前端适用部署于nginx根目录下,nginx配置如下:

http {
   
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65s;

    #API接口负载
    upstream  saasserver{
   
        server 192.168.144.21:8080; #网关的地址加端口
    }

    server {
   
        listen      80;
        #listen 60129 ssl;
        #ssl on;
        #ssl_certificate  /usr/local/nginx/ssl_cert/server.crt;
        #ssl_certificate_key  /usr/local/nginx/ssl_cert/server.key;
        ssl_session_timeout 5m;
        server_name  www.ck.manager;  #域名

        location / {
   
                    root   /opt/www/ruoyi-ui/dist;
                    try_files $uri $uri/ /index.html;
                    index  index.html index.html;
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值