如何可以做到不依赖http server，本地直接浏览器打开html页面方式运行呢？ about vuedemo_sell_eleme HOT 13 CLOSED

我看到教程说vuejs是前端框架，其实是不需要依赖于服务器端的，不过简单试了下，貌似现在的项目直接点击打开生成的index.html后，是不能正常运行的？

from vuedemo_sell_eleme.

@xeoshow 因为使用了vue-router，有路由层，就需要服务器的解析，不过本项目已经写了一个本地服务器，本地测试的时候npm run dev就可以了

from vuedemo_sell_eleme.

@xeoshow 你直接npm run build 编译出来在dist下应该是可以运行的

from vuedemo_sell_eleme.

@xeoshow @ron0115 dist里面的也是不行，因为这里面的一些数据我是放在了json文件里面，这个数据通过axios服务器请求才能得到，所以还是需要服务器支持的，如果只是静态数据的话是可以的

from vuedemo_sell_eleme.

感谢回复。那如何调整为静态数据呢？代码大概在哪个地方？我可以分两步，先静态数据，再整合websocket。再谢！

from vuedemo_sell_eleme.

@xeoshow
代码大概在goods、ratings、seller等使用axios请求数据的里面。json数据位于主目录data.json里面，数据量较大，你需要直接以对象形式写在组件里面，这样会很麻烦。

我的建议：使用npm install安装依赖，然后npm run dev来启动本地服务器，如果装了python的话，也可以使用以下命令来启动服务器：

python -m SimpleHTTPServer

谢谢

from vuedemo_sell_eleme.

所以我文件全文搜索有关键词“axios”的地方应该就不会漏了？
您项目搭建得很好，我之前就已经会本地跑起来了。
我现在自己在学习websocket，有本地的websocket server，可以双向通信，就想尝试用websocket server取代掉http server，从而直接以file:///D:/gitrepository/VueDemo_Sell_Eleme/dist/index.html方式在浏览器可以直接打开，我觉得非常有意思。
您提到的json，就是D:\gitrepository\VueDemo_Sell_Eleme\data.json?所有数据在这一个单独的文件里吗？
那应该有专门的一个接口读取这个数据？怎么找到那个接口呢？这样，我用websocket的onMessage方法可以传过来同样数据应该就能做到了。

from vuedemo_sell_eleme.

@xeoshow
本来用node写了个接口，但是这个没法进行演示，后来就删掉了。 现在没有专门的接口，直接通过axios访问json文件的

axios.get('static/data.json').then((res) => {
      this.goods = res.data.goods
      this.$nextTick(() => {
        this._initScroll(); // 初始化scroll
        this._calculateHeight(); // 初始化列表高度列表
      })
    })

你需要把res.data.goods这样的数据直接换成data.json里面的对象就可以了，并且去掉axios

from vuedemo_sell_eleme.

嗯嗯，把这些对象逻辑调整完，并去掉axios，理论上来说应该可以npm run build，生成的发布文件在本地浏览器以file:///方式打开跑起来了？

from vuedemo_sell_eleme.

@xeoshow 是的，你先本地测试好再build

from vuedemo_sell_eleme.

嗯嗯，谢谢大牛啊！

from vuedemo_sell_eleme.

看到评论了，我这边延迟，学习了~

from vuedemo_sell_eleme.

from vuedemo_sell_eleme.