最近在学习前端界火到爆的 Vue.js ,路由之前的部分很顺利，唯独路由和Http请求部分的时候，碰壁了。可能是我学Vue.js太晚的缘故吧，老师在GitHub上共享的课程代码和现在的Vue.js版本有点对不上号，好了~废话不多说，开始问题记录了。

       下载课程示例代码，第一步：cnpm install，安装完成没问题！

第二步：cnpm install vue-router --save-dev，路由模块安装完成没问题！ 

第三步：npm run dev，what？报错了~~~，程序员每天都面对无数次的界面。

> vue-playlist@1.0.0 dev D:\wamp64\www\vue-basic
> node build/dev-server.js

internal/modules/cjs/loader.js:638
    throw err;
    ^

Error: Cannot find module 'D:\wamp64\www\vue-basic\build\dev-server.js'

       哦，原来是没找到模块，咦~不对啊，我的工程没有build目录，见鬼了，难道老师代码里去掉了么。。。

       想找个dev-server.js抄上去，但也不清楚里面具体啥内容呀。然后就去package.json看看还有啥奇葩命令，一看发现还真有

"dev": "node build/dev-server.js",
"build": "node build/build.js"

       然后就是一顿百度，这命令干啥用的，因为知道老师用的是Vue 2.x，所以直奔主题，一艘~明白了，原来是Vue 2.x工程中有build目录，用来配置数据模拟的build.js是配置代理等的。那就基本明白了，肯定是因为我现在用的是Vue 3.x ，然后又是一顿百度，怎么让2.x中的build目录中的模块在3.x环境中正常运行，网上有多种多样的手段，大陆程序猿人才辈出啊。但是~~~找了不下十来个方法，还是没能解决我的问题，这该如何是好。。。

       最终还是自己突发奇想解决的这破问题，既然我的环境已经是最新版本的，而且我已经按Vue 3.x的工程构建方法，构建过一个新项目，既然不能把老师的所有代码修正过来在我的环境里面运行，那我为啥不能只把src目录里面的代码拿过来放到我的Vue 3.x工程里面呢。

       果然，复制过来之后一切就自然而然的解决了~！！！（但是一定要记得运行 cnpm install vue-router --save-dev 安装路由模块哦）

       到此，这篇Vue.js问题记录博文就唠唠叨叨算是写完了，第一次在博客记录问题解决笔记，可能没啥养分，而且很唠叨，望大家不喜勿喷。