下载-优快云博客

本文介绍了一个Node.js项目中环境配置的方法，包括开发和生产环境的baseUrl设置，以及如何通过代理实现跨域请求。同时，展示了如何使用XMLHttpRequest进行图片下载，并通过绑定点击事件实现下载功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


import sysConfig from '@/sysConfig';
//文件夹内容
module.exports = {
  development: {
    baseUrl: 'http://localhost:8001'
  },
  production: {
    baseUrl: 'http://192.168.111.141:8085'  
  }
};

import defaultSettings from '@/defaultSettings';
//文件夹内容
module.exports = {
  navTheme: 'dark', // theme for nav menu
  primaryColor: '#1890FF', // primary color of ant design
  layout: 'sidemenu', // nav menu position: sidemenu or topmenu
  contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
  fixedHeader: false, // sticky header
  autoHideHeader: false, // auto hide header
  fixSiderbar: false, // sticky siderbar
  menu: {
    disableLocal: false,
  },
  title: 'UED工作平台',
  titleLogo:'工作平台',
  pwa: false,
  // Your custom iconfont Symbol script Url
  // eg：//at.alicdn.com/t/font_1039637_btcrd5co4w.js
  // 注意：如果需要图标多色，Iconfont 图标项目里要进行批量去色处理
  // Usage: https://github.com/ant-design/ant-design-pro/pull/3517
  iconfontUrl: '//at.alicdn.com/t/font_1499306_y8yd9hdj29.js',
  proxyUrl: '/aaa'
};

const { proxyUrl } = defaultSettings;



//下载请求
    downloadImg = (src)=>{
      var x=new XMLHttpRequest();
      x.open("GET", `${sysConfig[process.env.NODE_ENV].baseUrl}${proxyUrl}${src}`, true);
      x.responseType = 'blob';
      x.onload=function(e){
          var url = window.URL.createObjectURL(x.response)
          var a = document.createElement('a');
          a.href = url
          a.download = ''
          a.click()
      }
      x.send();
    }


 const downloadTitle =[ {
            title: '下载',
            dataIndex: '下载',
            key: '下载',
            align:"center",
            render:(text,record)=>{
              return <a onClick={this.downloadImg.bind(this,record.attachment)}>下载</a>
            }
   }]