vue项目打包部署生产环境

zhangli0421

于 2021-10-27 10:11:24 发布

阅读量1.1k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/zhangli0421/article/details/120986997

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

修改一：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)
    }