vue项目打包后的问题

Question

vue项目的结构如下

其中图片是放在static下面的images里面

build配置

然后本地直接打开index.html

中间用ajax获取的数据无法得到

报错

还有一些图片无法获取

请教一下应该如何配置，才能在本地完整打开项目，打包之后有提示：

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

我应该怎么在本地构建一个服务器启动dist里面的项目

麻烦各位大大大大神

Answer 1

可以用 express 写一个简单的服务器，或者我看你的编辑器是 sublime ,可以装一个 server 插件。

https://github.com/learning/S...
http://learning.github.io/Sub...

Answer 2

VUE脚手架已经都给配好了，难道不可以直接 src="/static/xx.png"这种方式引用？

Answer 3

撸了几个小时终于找到解决方案啦，因为dev环境下我把后台的接口写在了dev-server.js里面，导致没有办法获取到数据
我用express重新启动了一个服务器，然后就可以正常运行啦！
这里还有个坑，因为用开发时候用了反向代理，所以新开启的服务器也要代理，这里我用的是http-proxy-middleware

附上我项目代码.:https://github.com/yezi12138/...

Answer 4

直接使用webpack的server

Answer 5

你可以看看我的项目里是怎么解决的，https://github.com/lensh/vue-qq