vue项目部署到nginx服务器,静态资源不能加载问题的处理

1、现象
部署到服务器,提示以下错误:
GET http:/static/css/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 (Not Found)
2、原因
路径问题,开发环境系统会自动配置,而部署环境可能需要用户干预;
3、解决办法
build/utils.js文件中添加publicPath路径,修改前:
if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
修改后:
 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../' 
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

胡国峰(西安好享达科技有限公司)

2019年11月6日

你可能感兴趣的:(服务器软件部署,vue,nginx)