(Vue.js) How to use github page on 'Vue.js'

Question

I want to use github page on 'vue.js'

I tried to modify /config/index.js file.

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

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

But i can't use github page.

Do you explicitly want to use the /docs folder option? Isn't the master option not working for you? — yuriy636
– yuriy636, Commented Jan 5, 2020 at 12:15
And do you have a docs folder in the root of the repo? Just tried replaying what you describe in your question and had no issues. — yuriy636
– yuriy636, Commented Jan 5, 2020 at 18:14

VonC · Accepted Answer · 2020-01-05 18:30:21Z

1

This should work: the "Vue.js / Deployment / Platform Guides GitHub Pages/ " documentation simply adds:

If you are deploying to https://<USERNAME>.github.io/<REPO>/, (i.e. your repository is at https://github.com/<USERNAME>/<REPO>), set publicPath to "/<REPO>/".
For example, if your repo name is "my-project", your vue.config.js should look like this:

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/my-project/'
    : '/'
}

toast38coza illustrates that setup in his blog post:

Step 1: Setup the build system to build to /docs

Edit: config/index.js
find ../dist replace with ../docs
change assetsPublicPath: '/', to: assetsPublicPath: './',
Run:
npm run build
You should now have a docs folder in your project. Add and push to GitHub.

Check if those settings work better in your case.

answered Jan 5, 2020 at 18:30

VonC

1.4m569 gold badges4.8k silver badges5.7k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sh031224 Over a year ago

I got the problem "npm run build".

Collectives™ on Stack Overflow

(Vue.js) How to use github page on 'Vue.js'

1 Answer 1

Step 1: Setup the build system to build to `/docs`

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Step 1: Setup the build system to build to /docs

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related

Step 1: Setup the build system to build to `/docs`