vue与springboot mongodb连用

1.vue调用element-ui中的el-upload

npm i element-ui -S

<template>
	<el-upload class="upload-demo" drag action="string" :http-request="uploadImage" :before-upload="beforeAvatarUpload"
		multiple>
		<i class="el-icon-upload"></i>
		<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
		<div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
	</el-upload>
</template>

2.vue中axios的使用及跨域处理

(1)npm install axios
(2)import Axios from 'axios'
(3)Axios.get("api/file/getString").then(response => { console.log(response); console.log(response.data); });
我这里是应为api是后端提供的所有有个跨域处理
在vue.config.js中(没有就建一个与src同级)添加

module.exports = {
    publicPath: './',
    assetsDir: 'static',
    productionSourceMap: false,
    devServer: {
        proxy: {
            '/api':{
                target:'http://localhost:8080',
                changeOrigin:true,
                pathRewrite:{
                    '/api':''
                }
            },
        }
    },
}

这里补充一下跨域处理的方式有好几种,后端也可以处理

3.springboot处理