时间戳

首页 > 解决方案 > 为什么我的 vue.app 没有出现在部署版本中？

javascript - 为什么我的 vue.app 没有出现在部署版本中？

问题描述

我想将我的 vue.js 项目部署到 Github 页面中。它适用于 HTML、CSS、图像，但它没有渲染 vue。应用程序组件。渲染 vue 的部分。应用消失。这是我的 dis 文件夹结构。›<a href="https://i.stack.imgur.com/nSD4A.png" rel="nofollow noreferrer">在此处输入图像描述

这是我的 git 仓库：https ://github.com/liulian1004/test 。

感谢你的帮助。我是 Vue.js 的初学者，这是我第一次部署 vue 项目。如果您需要更多信息，请告诉我。

标签： javascriptgitvue.jsgithub

解决方案

由于您不是从根目录提供应用程序，而是在/test中，因此您需要 publicPath在vue.config.js中进行配置：

module.exports = {
   publicPath: '/test/'
}

这是一个publicPath使用.env的条件，来自Vue CLI 文档，它将允许您在开发和生产中正确地提供它：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/test/'
    : '/'
}

推荐阅读