vue打包发布文件npm run build无法显示

Question

使用vue init webpack project
在npm run dev 均能正常运行。
以前npm run build部署时也没问题，但最近好像是升级了vue-cli还是什么，出现 npm run build后部署到http server 显示一片空白。
打开浏览器如下：

一直无法解决。请问有遇到相同情况的吗。有什么解决办法

注：以前一直使用npm run build，然后部署前后端分离。都没出现这个问题。

vue-cli没有动过的配置如下：

Answer 1

// output
webpackConfig.output = {
  path:'./dist',
  publicPath:'./', 
  filename: '[name].[hash].js'
};

配置了吗？

Answer 2

请问你解决了吗？如果解决了是怎么解决的啊

Answer 3

把apache的根目录设置为xxx/exportDemo/dist

接着访问localhost应该是可以了 因为部署到服务器上时就是把dist文件夹里的发不上去 所以你把根目录设置到dist目录就行了

Answer 4

Tip:
Built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.

可以修改
config/index.js
参数： assetsPublicPath: './',

Answer 5

编译后的index.html自定义模块标签没被解析，还是<app></app>，楼主解决了吗？

Answer 6

我最近也遇到这种问题了，楼主解决了吗？