vue+elementUI图标变成方框问题

前端在打包部署到服务器上后，原本在本地正常显示的图标变成方框了，在网上查了查资料后发现有两个原因，一是打包后静态资源路径问题，这个解决办法网上很多，这里就不讲了，二是静态资源跨域问题，在nginx配置文件加入以下片段重启nginx服务器成功解决

location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}