VueJS CLI Webpack static folder not working when in subfolder

Question

i'm using the vuejs cli webpack template. My URL's are not working properly, for example:

<link rel="..." href="/static/img/favicons/apple-icon-57x57.png">

This works fine on my development server, but not on my production server -> (404 file not found).
And if i try this on my dev server:

$.ajax({
        type: 'POST',
        url: '/static/php/process.php',
        data: term_formData
    })

(main.js), url not working.(404 file not found)

I already changed the webpack option: assetsPublicPath.

The Webpack config/index.js file:

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

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

assetsPublicPath: '/vueapp/dist/',

...

Production server: http://localhost/vueapp/dist/
Development server: http://localhost:8080/

Thanks in advance =)

assetsSubDirectory: './static'. This happens because you haven't placed your application in the web root, which the template assumes. The other solution is to make vueapp/dist your web root in your Apache/Nginx config. — connexo
– connexo, Commented Jan 10, 2018 at 19:11

connexo · Accepted Answer · 2018-01-10 22:01:18Z

1

Set assetsSubDirectory: './static'. This happens because you haven't placed your application in the web root, which the template assumes. The other solution is to make vueapp/dist your web root in your Apache/Nginx config.

answered Jan 10, 2018 at 22:01

connexo

57.2k15 gold badges112 silver badges149 bronze badges

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

Collectives™ on Stack Overflow

VueJS CLI Webpack static folder not working when in subfolder

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related