how to deploy vue js project to a subdirectory with vue.config.js

Question

I want to deploy my Vue.js project to a sub directory let say abc.com/sub-directory using vue.config.js

Zulqarnain Haider · Accepted Answer · 2021-06-25 08:33:29Z

1

If you have the same URL for both production and staging servers.

let publicPath = process.env.NODE_ENV === 'production' ? '/sub-directory' : '/sub-directory';

if you have different URLs for production and staging environments

let publicPath = process.env.NODE_ENV === 'production' ? '/' : '/sub-directory';

You can read more about the build modes and deployment here.

answered Jun 25, 2021 at 8:33

Zulqarnain Haider

794 silver badges13 bronze badges

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

2 Comments

Thanks for the reply , should i create the sub directory folder on server , or should it create automatically

I think you will need to create it yourself.