vue+element+echarts项目打包出现的问题总结(跨域请求后台&element图标&echarts is not defined)

1.如何打包项目（打包后放入tomcat||nginx中）

2.出现空白
出现空白查看F12，加载文件的路径地址是否正确
3.跨域（SpringBoot 2.x.x 之后的）

package com.lgcx.common.config;

import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CrosConfig implements WebMvcConfigurer {

@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**").allowedOrigins("").allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
.allowCredentials(true).allowedHeaders("").maxAge(3600);
}

/**
* cors support
*
* @return
/
@Bean
public FilterRegistrationBean corsFilter() {
// 注册CORS过滤器
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true); // 是否支持安全证书
config.addAllowedOrigin(""); // 允许任何域名使用
config.addAllowedHeader(""); // 允许任何头
config.addAllowedMethod(""); // 允许任何方法（post、get等）
// 预检请求的有效期，单位为秒。
// config.setMaxAge(3600L);
source.registerCorsConfiguration("/**", config);
FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
bean.setOrder(0);
return bean;
}
}

4.element小图标展示

5.echarts is not defined

参考博客：https://blog.csdn.net/cuandeqin2083/article/details/88390249