null - 程序员宅基地

vue + elemetui — upload解决跨域、实现图片上传_vue 图片跨域-程序员宅基地

        最近做Vue项目，需要用到图片上传的功能，因为是PC端后台项目，故而采用了element-ui组件库里的upload上传的组件。本文主要解决上传时的跨域问题。
        action属性便是上传的地址，需要进行跨域。话不多说，直接上代码：
          1.进行跨域设置：config->index.js

module.exports = {
  dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // proxyTable: {},
    proxyTable: {
      '/api':{
      		//以下接口胡编，项目中需要使用自己的
	        target:'http://www.baidu.com:9527',  //这里配置的是 请求接口的域名
	        // secure: false, // 如果是https接口，需要配置这个参数
	        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
	        pathRewrite:{
	          '^/api':'' //路径重写，这里理解成用'/api'代替target里面的地址。
	        }
        },
    },
}

2.组件中进行使用，属性、方法请参考element-ui官方文档

<el-upload
      action="/api/web/img/upload"   //图片上传地址
      list-type="picture-card"
      :on-preview="handlePictureCardPreview"
      :file-list="fileList2"
      :on-error="uploadError"
      :before-upload="beforeAvatarUpload"
      :on-remove="handleRemove">
      <i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible" size="tiny">
   <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>

3.效果图：
在这里插入图片描述

本文链接：https://blog.csdn.net/qq_43271452/article/details/89521625

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

How to Modify Public Network Information including VIP in Oracle Clusterware (文档 ID 276434.1)-程序员宅基地

文章浏览阅读140次。 APPLIES TO:Oracle Database - Enterprise Edition - Version 11.2.0.3 to 12.1.0.2 [Release 11.2 to 12.1]Information in this document applies to any platform.PURPOSE The purpose of this note is..._doc id 276434.1

Navicat远程连接Linux环境下MySQL(错误error:1045/1251/2003(10038)/2059)解决方案_navicat连接linux的mysql的数据报错-程序员宅基地

文章浏览阅读3.4k次，点赞6次，收藏9次。navicat远程连接linux环境下mysql(error:1045)解决方案心路历程因为之后要学习有关数据库开发的课程，我们需要部署云服务器并添加mysql功能，以便后续研究学习，我折腾了好几天，按照现有的教程安装，一开始还好好的，慢慢的错误百出，又去查自己遇到的问题，做不通又清空服务器数据推倒重来……离目标渐行渐远，（期间问老师，查度娘……）非常低效。好在我没有放弃！经过一番曲折之后，我终于成功的连接上了！下面废话不多说，上干货！确定现阶段部署/安装的状态项目部分状态云服_navicat连接linux的mysql的数据报错

使用dockerfile文件创建镜像时docker build没有反应-程序员宅基地

文章浏览阅读1.3k次。问题：　　先 docker pull centos:7 拉取了一个官方的基础镜像，为后续创建jdk8镜像做准备，在创建如下的dockerfile文件　　执行docker build -t jdk_8u191:20190307 . jdk_dockerfile 时都没有反应　　jdk_dockerfile文件内容# 以此镜像作为基础镜像构建新的镜像FROM cento..._建立一个dockerfile,docker build -t cetos7/linuxc_env不成功

mysql优先队列排序算法_硬核！手写一个优先队列-程序员宅基地

文章浏览阅读190次。前言事情还要从一个故事讲起：对于上面那只可爱的小狗狗不会，本篇即为该教程，首先，我要告诉这只可爱的小狗狗，这种问题你要使用的数据结构为优先队列，每次操作的时间复杂度为O(logn),而整个过程的时间复杂度为O(nlogn).对于本片的设计与实现和堆排序可能有些相似，因为他们都借助堆来实现算法和数据结构，下面详细介绍优先队列的设计与实现。堆而堆就是一类特殊的数据结构的统称。堆通常是一个可以被看做一棵..._mysql 的堆排序

C# c++ Json序列化与反序列_c++json序列化与反序列化-程序员宅基地

文章浏览阅读231次。C# 序列化与反序列化，读文件和写到文件_c++json序列化与反序列化

智能制造控制中的AI研究进展-程序员宅基地

文章浏览阅读446次，点赞14次，收藏14次。1.背景介绍智能制造控制是现代制造业中的一个重要领域，它涉及到制造过程中的自动化、智能化和优化。随着计算能力的提高和数据技术的发展，人工智能(AI)技术在智能制造控制中的应用也逐渐成为主流。本文将从背景、核心概念、算法原理、代码实例、未来趋势等多个方面进行深入探讨，以帮助读者更好地理解AI在智能制造控制中的应用和研究进展。1.1 背景介绍智能制造控制是制造业中的一个重要领域，涉及到制造...

随便推点

eclipse处理get请求得前端中文乱码_eclipse 普通 get请求中文乱码-程序员宅基地

文章浏览阅读459次。我这个方法是将所有的地方都改成utf-8不单单是能解决前端问题第一：去博主这改一下eclipse编码配置https://blog.csdn.net/lanmuhhh2015/article/details/79366872第二：然后再 servlet中doget请求中加上response.setContentType("text/html;charset=utf-8");第三：去你to..._eclipse 普通 get请求中文乱码

Hadoop-02_yapoopg-02-程序员宅基地

文章浏览阅读98次。1、Hadoop HDFS：一个高可靠、高吞吐量的分布式文件系统。Hadoop MapReduce：一个分布式的离线并行计算框架。（分布式和集群，想想）2、hadoop的apache 和 cloudera公司目录结构apache目录结构: bin : 对集群操作的命令 hdfs dfs和hadoop fs sbin: 对集群的启动和关闭的命令 etc/hadoop/ : hadoo..._yapoopg-02

上海毅速：3D打印正在为模具行业深度赋能-程序员宅基地

文章浏览阅读307次。模温是影响模具生产效率和产品品质的关键因素，传统的冷却水路设计受限于加工技术，往往只能制成直线型，与产品之间的距离较远且分布不均，导致冷却效果不佳。而3D打印随形水路技术则能打破这一局限，打印出的水路可以具有任意结构形状和截面形状，实现水路与产品之间距离的最小化和最均匀分布，从而达到最优的冷却效果。在模具制造领域，3D打印随形水路制在模具领域的应用越来越多，随形水路不仅能有效缩短注塑周期，还能解决因冷却不均匀、模具温度过高等导致的品质问题。3D打印技术的核心原理在于离散、堆积与成型。

Serverless 基本概念入门_seveless 百度-程序员宅基地

文章浏览阅读1k次。从行业趋势看，Serverless 是云计算必经的一场革命2019 年，Serverless 被 Gartner 称为最有潜力的云计算技术发展方向，并被赋予是必然性的发展趋势。Serverless 从底层开始变革计算资源的形态，为软件架构设计与应用服务部署带来了新的设计思路。为此，我们策划了Serverless 技术专栏，从基础概念入门，到前后台架构设计、应用拓展、最佳实践等多维度，揭开 Serverless 的面纱，带你走进无服务器的世界。什么是 Serverless？Serverl.._seveless 百度

ubuntu proxy-程序员宅基地

文章浏览阅读68次。升级到Ubuntu10.04后，发现apt-get的代理设置有改变了，在9.10以前使用“http_proxy”环境变量就可以令apt-get使用代理了export http_proxy=http://127.0.0.1:8000sudo apt-get update然后在Ubuntu10.04下就无效了，看来apt-get已经被改成不使用这个环境变量了。一阵郁闷后，最后..._重装ubuntu proxy address

Qt笔记_正则表达式（regular expression）_qt regex-程序员宅基地

文章浏览阅读9.2k次，点赞4次，收藏28次。手册里使用的词汇是 regexp 优点：方便地完成字符串的一些处理操作，例如验证、查找、替换和分割等。类名称为QRegExp类，是基于Perl的正则表达式语言，支持Unicode。头文件：#include < QRegExp >//(尖括号中的空格是为了适应markdown而添加的，编程时不使用多余的空格)qmake：QT += core帮助文档中指出：All functions in_qt regex