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

Posted 2022-02-10 ThinkerWing

引用链接 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',