在子文件夹中,VueJS CLI Webpack静态文件夹无法正常工作

时间:2018-01-10 19:06:07

标签: webpack vuejs2 vue-cli

我正在使用vuejs cli webpack模板。 我的网址无法正常运行,例如:

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

这在我的开发服务器上工作正常,但在我的生产服务器上没有 - &gt; (找不到404文件)。
如果我在我的开发服务器上尝试这个:

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

(main.js),网址无效。(找不到404文件)

我已经更改了webpack选项:assetsPublicPath。

Webpack config / index.js文件:

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

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

assetsPublicPath:&#39; / vueapp / dist /&#39;,

    ...

制作服务器:http://localhost/vueapp/dist/
开发服务器:http://localhost:8080/

提前致谢=)

1 个答案:

答案 0 :(得分:1)

设置assetsSubDirectory: './static'。发生这种情况是因为您尚未将应用程序放置在模板假定的Web根目录中。另一个解决方案是在Apache / Nginx配置中使vueapp/dist成为您的Web根目录。