springboot+vue打包到服务器图标出现方框

Question

请教下各位springboot+vue开发的程序打包部署到服务器，能出现界面也能访问后端，但是图标是方框是什么原因呢，用idea开发的。
本地部署时没有这种情况。

vue.config.js代码

module.exports = {
  publicPath:'./',//生产版本
  transpileDependencies:true,
  outputDir:'dist',
  // assetsDir:'static',
  lintOnSave:'default',
  productionSourceMap: process.env.NODE_ENV === "development" ? false : true, // 取消 .map 文件的打包，加快打包速度
  // transpileDependencies:["decimal.js", "sockjs-client", "crypto-js"],

   devServer: {
     port: 8080, //启用时的端口号
    proxy: {  //代理访问后端接口
      //配置拦截器替换规则
      '/api' : { 
        target: 'http://服务器ip', 
// target: 'http://localhost:8081',// 本地部署
        changeOrigin: true, //是否允许跨域
        pathRewrite: {
          '^/api': ''  //拦截规则  在路径中碰到/api时，会替换成空字符
        }
      }
    }
   }
}

main.js中添加地址转发代码：

Vue.prototype.$httpUrl='http://服务器ip'
// Vue.prototype.$httpUrl='http://localhost:8081',// 本地部署

• [ ]

Answer 1

你这个跟你的打包没有关系，主要是因为兼容性问题，找一下是因为css还是组件库的问题，之前遇到过，我是更新了下sass版本