el-upload组件上传本地开发正常,部署服务器405问题解决

引用链接 https://blog.csdn.net/marswill/article/details/91488437

405 nginx 配置

error_page 405 =200 $uri;

vue单页应用刷新404 问题

location / {
  try_files $uri $uri/ /index.html;
}
try_files   $uri $uri/ /index.html;

process.env.NODE_ENV 判断生产环境和开发环境,如果我们设置的只是路径,那么本地开发时是可以代理的,但是打包发布后是没有代理的。所以会请求我们的前端url加action中的path地址上传。我们可以抽出一个变量,然后在其他地方的上传直接拼接prefix,或通过nuxt.config.js 修改env配置。

nuxt.config.js env

  env: {
    baseUrl: '',
    prefix: process.env.NODE_ENV !== 'development' ? setting.apiBaseURL : ''
  },
  
 upLoadUrl:  process.env.prefix + '/api/front/upload/uploadForAvatar',

导入变量

import prefix from '@/utils/prefix.js';
import setting from "~/setting";
const prefix = process.env.NODE_ENV !== 'development' ? setting.apiBaseURL : ''
export default prefix
upLoadUrl: prefix + '/api/front/upload/uploadForAvatar',
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值