在vue项目中，如何使用.vue前端js请求node后端？

Question

我使用vue 创建了一个项目如图：

有一个问题，比如我要操作本地的文件，不能在xxx.vue 文件中做，必须在node后端做，那么我这个项目中应该如何做呢？在xxx.vue文件的js用axios请求node后端吗？

那么，后端的代码写在哪儿呢？能否展示一个请求的示例。

Answer 1

1. 在 xxx.vue 文件的 js 用 axios 请求 node 后端。

2. 后端的代码写在哪儿呢？这个需要看你长久服务，还是开发服务？

   3. 长久服务的话就是单独起一个项目咯
   4. 临时服务的话，你可以把把集成到你的 webpack 里面。

Answer 2

首先你的问题和你的描述是两个问题

1. Q:前端js如何请求node 后端？
   A: 利用axios 、fetch、 ajax ... 都能请求任何服务端接口
2. Q:前端如何操作本地的文件?
   A1: 如果只是简单的读取的话:直接在js中使用原生方法XMLHttpRequest即可
   A2: 如果需要对文件流进行除了读之外的操作:可以利用node对文件操作,前台调用node开发的接口,操作文件的逻辑放到node中即可

Answer 3

前端代码不涉及后端，你配置的devServer只是声明什么http请求应该转发到哪儿，至于转发之后，怎么处理，谁处理，就是后端的事情。

你这种情况，需要写个node服务，比如起一个express/koa服务，并把node服务的接口通过http暴露出来，然后devServer对接到这个http，这样才可以实现【前端->devServer->node服务->devServer->前端】的闭环