Nginx配置若依前后端分离项目验证码不显示,403,405,404错误解决方式

server {  
    listen 80;  
    server_name 域名;  
  
    location / {  
        # 静态文件服务配置(可选) 前端打包后的位置dist里面的文件
        root /www/wwwroot/web;  
        index index.html;  
        try_files $uri $uri/ /index.html;  
    }  
  
  # 根据文件前端项目 .env.production里面内容进行配置
    location /prod-api/ {  
    	#后端的项目地址
        proxy_pass http://localhost:1678/;  
        proxy_set_header Host $host;  
        proxy_set_header X-Real-IP $remote_addr;  
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  
        proxy_set_header X-Forwarded-Proto $scheme;  
  
        # 如果你的后端API需要删除/prod-api/前缀,可以添加以下配置  
        # 注意:这里使用的是正则表达式,不是数组  
        # 后端接受需要去掉prod-api根据条件来定
        rewrite ^/prod-api/(.*)$ /$1 break;  
    }  

.env.production文件 文件位置:ruo-ui>.env.production

# 页面标题
VUE_APP_TITLE = 简写

# 生产环境配置
ENV = 'production'

# 简写/生产环境,前端访问后端的内容,参考上面进行查看
VUE_APP_BASE_API = '/prod-api'

因为一开始动过验证码的代码,不太确定是不是这个问题,如果上面配置结束,还是无法显示验证码,参考如下,找到前端验证的代码。

			this.codeUrl = "data:image/gif;base64," + res.img;
			//下面这个一行为增加的内容
          this.codeUrl = this.codeUrl.replace(/[\r\n]/g, '')
          this.loginForm.uuid = res.uuid;
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不一样的老墨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值