vue常用插件安装指令

最新推荐文章于 2023-04-27 08:53:47 发布

创界小吉结

最新推荐文章于 2023-04-27 08:53:47 发布

阅读量458

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_66501633/article/details/128745953

版权

wangEditor安装与使用 —— 轻量级 web 富文本编辑器

官网：https://www.wangeditor.com/
文档：www.kancloud.cn/wangfupeng/wangeditor3/332599
源码：github.com/wangfupeng1988/wangEditor

vue2项目中

打开项目终端输入npm i wangeditor --save

在main.js文件添加代码使用插件

import wangEditor from 'wangeditor';

Vue.prototype.wangEditor = wangEditor;

qs的安装与使用

qs是一个增加了一些安全性的查询字符串解析和序列化字符串的库。

1.在项目中使用命令行工具输入：npm install qs

2.安装完成后在需要用到的组件中：import qs from 'qs’

3.在main.js中全局引入： Vue.prototype.qs = qs

在vue2.0下安装axios

安装axios

npm install axios --save

在main.js全局引入axios

import axios from 'axios';

Vue.prototype.axios=axios;

重写WebMvcConfigurer(全局跨域)

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                //是否发送Cookie
                .allowCredentials(true)
                //放行哪些原始域
                .allowedOriginPatterns("*")
                .allowedMethods(new String[]{"GET", "POST", "PUT", "DELETE"})
                .allowedHeaders("*")
                .exposedHeaders("*");
    }
}