X_W123的博客

记录下关于跨域，接口转发的理解//vue-cli3.0 里面的 vue.config.js做配置devServer: {proxy: {‘/rng’: { //这里最好有一个 /target: ‘http://45.105.124.130:8081’, // 后台接口域名ws: true, //如果要代理 websockets，配置这个参数secure: false, // 如果是https接口，需要配置这个参数changeOrigin: true, //是否跨域

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

需求：不使用插件生成下载二维码。表格内某一列点击查看，展示二维码，且支持下载,如图。初始化的时候，后端返回表格数据的同时会把二维码图片地址返回。所以，整个逻辑就是，点击不同查看携带不同图片地址去访问接口。1、点击查看，展示图片。2、点击下载按钮（这里要解决跨域问题，本地开发和上测试服和生产的时候都得解决）,红色ip去除3、接下来就是拿每个图片的标识开始发请求。4、请求过去后，解析后端返回的流。注意：这里需要注意的就是图片下载跨域处理，关于如何解决，上篇博文说过。先关代码，我贴一

vue中proxy代理的理解今天开发的时候 意外发现对vue的代理有了新的理解，以前都是很模糊的状态，先看图吧。1、proxy里面是个大对象，如果有多个代理，直接在后面加子对象，实际开发中可能不止接口代理还有图片上传下载代理。2、整个代理流程如何？①首先得知道什么是代理，为什么需要代理？代理：顾名思义就是代替别人做某事，到开发中也是这样，因为本地开发时基于node服务器进行开发，是不能直接请求后端的接口，一旦直接请求会报跨域错误，（不信可以试试把url直接写成后端地址，这时就会报错）如果这样的话

采用element ui中upload组件上传，目前支持上传单张图片，如果多张可进行更改。一、页面上组件使用注意：①如果是多张图片，file-list会用到。②name是申明上传文件的格式，可以和后端商量，有时候上传图片后端只需要image格式，但有时候后端会把图片和文件定义成一种格式即file。③action。图片上传的接口地址，通常是公司的服务器，这个地址不能直接填测试地址，会报跨域问题，需要知道本地开发从哪里开始代理，我这里是从api开始代理，所以action后面为api+图片接口地址。④v-i

element ui中日期日期范围的限制官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。函数名disabledDate不可更改。单个输入框情景1: 设置选择今天以及今天之后的日期data (){ return { pickerOptions0: { disabledDate(time) { return time.getTime() < Date.now() - 8.64e7;