How to set paths for files by type publicPath?

Question

JavaScript

There is an application that is not deployed in the root of the domain and has the following setting in vue.confi.js:

publicPath: process.env.NODE_ENV === 'production'
    ? '/subpath/'
    : '/'

How do I access files by relative path that are in the folder, publictaking into account '/subpath/' where the application is deployed?

Answer 1

I solved this problem as follows:
Since Webpack, under the hood of vue-cli, does not process the data in the public folder in any way, but simply copies them , I had to explicitly access the publicPath variable from the script:
`${process.env.BASE_URL}path/you/need/file/png`

Answer 2

Hello

outputDir: '../static/dist',
publicPath: process.env.NODE_ENV === 'production'
    ? '/static/dist/'
    : '/',
indexPath: process.env.NODE_ENV === 'production'
    ? '../../templates/index.html'
    : 'index.html',

With this functionality, you can customize the places where the build is going to.
outputDir - Specifies the directory in which to build the project.
publicPath - Adds a prefix to index.html where to get files from.
indexPath - the place where index.html will be.