VueJS - 在 npm run build 之后我得到了空白页面

Question

在我运行“npm run build”后，我在控制台中得到了这个提示：

构建完成。

提示：构建的文件旨在通过 HTTP 服务器提供服务。通过 file:// 打开 index.html 将不起作用。

在我的本地服务器中，npm run dev 工作正常，但是在将项目上传到 Apache 服务器后，安装了 node_modules（npm install）并运行“npm run build”，我在控制台和空白页面中得到了提示，没有错误我的浏览器中的开发控制台

服务器（Apache）上的路径是：/mydomainproject/public/projects files：

 build
config
dist
node_modules
src
static
.babelrc
.editorconfig
.postcssrc.js
index.html
package.json
package-lock.json
.htaccess

这是我的 public/config/index.js

 build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',

我已将 assetsPublicPath: ‘/’ 更改为 assetsPublicPath: ‘./‘，我也尝试了 assetsPublicPath: ‘./public’，但仍然无效。

拜托，有人可以帮助我吗？

谢谢！

现在我真的很害怕，我正在本地服务器上使用 Vue 版本 2.5.2 构建一个 Web 应用程序，运行“npm run dev”后一切正常，但在生产服务器 (Apache) 上运行构建后我得到了空白页面。 .. 没有人知道这个问题…我已经更改了 config/index.js，添加了相对路径、./、/，甚至是绝对路径（我从不使用绝对路径），我在 Github 论坛上问过，没有答案…此外，控制台日志浏览器中没有错误。

原文由 Willfrans Varón Sáenz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

也许解决这个问题最简单的方法是在项目的根目录中创建一个文件 vue.config.js 并向其中添加以下代码：

 module.exports = {
    publicPath: ''
}

在我的情况下，这解决了问题。信息来源：见 这里。

原文由 Roman Karagodin 发布，翻译遵循 CC BY-SA 4.0 许可协议