vue中运行npm run build之后与dev显示的界面不一样

Question

本人小白，请各位大神指导~~~
vue中运行npm run build之后与dev显示的界面不一样
使用的是官方的例子，在github中clone下来的，npm run dev之后浏览器上是有界面的，不过我npm run build之后直接打开index.html文件是一片空白。

Answer 1

npm run build

之后的提示：

Built files are meant to be served over an HTTP server

是不能直接打开index.html的，有一个http服务就可以了

Answer 2

首先你要检查下你访问的页面是否是编译后的是否是按着demo的步骤访问的,看不到代码不能具体看问题

Answer 3

build 以后会生成dist文件夹，该文件夹下面的index.html中会引用static目录下的js静态文件。
浏览器打开index.html，打卡检查器，看看js文件能否被正常加载！

Answer 4

打包出来的是放到服务器上运行的，如果你想在本地运行，可以把config文件夹里面的index.js改一下