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;