I'm developing a project where I used Laravel 8 and vue 2. Everything works perfectly when I'm serving my application using localhost/my-project then everything loads correctly but my chunks which is generated from webpack is doesn't loading. And at the end of the result it'll redirect me to localhost url directly. How can I solve this problem. Here's my webpack configuration file's

webpack.mix.js

const mix = require('laravel-mix');
const CompressionPlugin = require("compression-webpack-plugin");


let css_plugin = 'public/frontend/css/';
let js_plugin = 'public/frontend/js/';
mix.setResourceRoot(process.env.MIX_ASSET_URL);
mix.js('resources/js/app.js', 'public/frontend/js')
    .vue().combine([
    css_plugin + 'bootstrap.min.css',
    css_plugin + 'materialdesignicons.min.css',
    css_plugin + 'animate.min.css',
    css_plugin + 'structure.css',
    css_plugin + 'main.css',
    css_plugin + 'responsive.css',
    css_plugin + 'custom.css',
    css_plugin + 'development.css',
    css_plugin + 'vue-tel-input.css',
    css_plugin + 'vue-toastr-2.min.css',
    css_plugin + 'vue-plyr.css',
], 'public/frontend/css/app.css').combine([
    js_plugin + 'html5shiv.min.js',
    js_plugin + 'respond.min.js',
], 'public/frontend/js/plugin.js').webpackConfig({
    output: {
        // filename: '[name].js',
        chunkFilename: 'frontend/js/frontendChunks/[name].js',
        publicPath: '/public/',
    },
    plugins: [
        // new BundleAnalyzerPlugin(),      // load this package to see which plugins with its size detail
        new CompressionPlugin({             // very import to compress the assets
            filename: "[path][base].gz",
            algorithm: "gzip",
            test: /\.js$|\.css$|\.html$|\.svg$/,
            threshold: 10240,
            minRatio: 0.8
        })
    ]
});


if (mix.inProduction()) {                       // In production environtment use versioning
    mix.version();
}
// mix.extract();
/*module.exports = {
    mode: 'production',
    optimization: {
        nodeEnv: 'production',
        minimize: true
    }
};*/

.env

MIX_ASSET_URL="/public"

config/app.php

'mix_url' => env('MIX_ASSET_URL', null),

And here is the error I' am getting

Here you can see that my chunk loading url is http://localhost/public/frontend/js/frontendChunks/980.js but it should be http://localhost/my-project/public/frontend/js/frontendChunks/980.js.

Please help me to how can I solve this problem