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

Question

I want to deploy my vue.js project into the Github page. It works well for HTML, CSS, image, but it didn't render the vue. app components. The part which shall render the vue. app disappear. Here is my dis folder structure. ›

And here is my git repo: https://github.com/liulian1004/test .

Appreciate your help. I am a beginner for the Vue.js, and this is my first time to deploy the vue project. Let me know if you need more info.

Answer 1

Since you're not serving the app from the root directory, but in /test , you need to configure publicPath in vue.config.js :

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

Here is a conditional publicPath using .env , from the Vue CLI docs which will allow you to serve it properly in both development and production:

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