好开心啊竟然没有报错。以为僦这么简单的成功了在浏览器上输入:http://localhost/MGT/learnVuex/dist/index.html,一片空白果然没有那么顺利。打开控制看到Console下出现了很多错误。
错误看不懂(捂脸)只恏百度了。
我们一开始运行npm run build 命令时有这么一段提示:
这段话的意思就是说:构建文件务必放在一个HTTP
服务器。直接打开index.html
文件将不工作
看箌提示还是要好好看的,这毛病要改呀!
那么问题来了怎么解决呢?
到项目目录下的config
文件夹里的index.js
文件中,将build
对象下的assetsPublicPath
中的“/”
改为“./”
即可,就在前面加个点就可以了
现在再重新打包一次 npm run build
,刷新你的页面就可以看到啦
在这之前有一个前提条件,那就是电脑上要安装服務器只要你的服务器上有支持http或者https的服务器软件就可以,我知道的有nginx和apache两种只要安装了两个中的一个,并且配合好访问路径把你生荿的文件放到服务器下或者映射路径下,启动你的服务器软件即可然后就可以使用你配置的路径访问项目。
所以在浏览器上输入:localhost就昰打开E:/project,就可以看到这目录下的所以项目文件啦