vue项目打包部署生产环境

最新推荐文章于 2025-10-12 12:06:17 发布

原创

最新推荐文章于 2025-10-12 12:06:17 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

在部署Vue项目到生产环境前，需要对配置文件进行调整。首先在build/utils.js中，将publicPath设为'../../'以解决静态资源路径问题。接着，在config/index.js中，将assetsPublicPath改为'./'，确保JS文件能够正确加载。这两步修改能确保项目打包后正常运行。

打包部署生产环境之前需要修改配置文件：图片下面有代码可以直接复制。

修改一：build > utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题)

哈哈，要是找不到可以直接搜下面的部分代码。

    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }