Vue.js 在构建生产时配置根目录

Posted 2023-02-22

【中文标题】Vue.js 在构建生产时配置根目录

【英文标题】：Vue.js configure root directory when building for production

【发布时间】：2019-12-19 07:00:45

【问题描述】：

我正在使用 vue cli 3.6.3。

如果项目不在 web 根目录中，我如何构建一个用于生产的 Vue.js 项目？

在网络服务器中，项目目录是“my/web/directory”

我使用 webpack 模板启动项目，并设置 publicPath 和 ROOT_API 变量：

config/prod.env.js:

'use strict'
module.exports = 
  NODE_ENV: '"production"',
  ROOT_API: '"http://www.example.com/my/web/directory/myapi/myindex.php"',
  publicPath: '/my/web/directory/'

在npm run build 之后，我确实上传了 dist 文件（就在 dist 文件夹中：static 和 index.html），项目指向网络服务器根目录，但没有找到 js 文件。

如何指向正确的目录路径？

【问题讨论】：

构建index.html 文件显示什么？您可以检查该文件，看看是否在其中添加了路径 /my/web/directory。

我只是在 config/index.js 的构建部分中找到 assetsPublicPath，我进行了配置，现在它工作正常。

将其发布为帮助他人的答案

【参考方案1】：

我只是在 config/index.js 的构建部分中找到 assetsPublicPath，我进行了配置，现在它工作正常。