Vue项目打包具体步骤是怎样的长尾关键词？

本文共计431个文字，预计阅读时间需要2分钟。

在终端运行 `npm run build` 命令后，如果打包成功，会显示项目变更的标志，如下所示：

点击 `index.`，通过浏览器运行，可能出现以下报错：

![报错截图]

那么应该如何修改呢？以下是具体步骤：

1. 查看 `package.js` 文件，找到报错信息对应的代码段。

2.根据报错信息，修改相应的代码。

3.重新运行 `npm run build` 命令，检查是否解决问题。

终端运行命令 npm run build

打包成功的标志与项目的改变，如下图：

点击index.html，通过浏览器运行，出现以下报错，如图：

那么应该如何修改呢？

具体步骤如下：

1. 1、查看package.js文件的scripts命令
2. 2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件
3. 3、其中dev是开发环境，build是构建版本，找到build下面的assetsPublicPath: '/',然后修改为assetsPublicPath: './',即“/”前加点。
4. 4、终端运行 npm run build 即可。