创建代理服务器和通过VUE cli创建脚手架

• npm init -y //初始化一个东西

• npm i express //用express创建一个项目

• npm i axios//用axios来发起网络请求

• npm i cors//用cors来实现跨域

• 下面是创建服务器的相关代码:

const express = require("express");
const cors = require("cors");
const axios = require("axios").default;
const app = express();

app.use(express.urlencoded());
app.use(express.json());
app.use(cors());

app.post("/api/v1/proxy", (req, res) => {
  const { url } = req.body;
  axios.get(url).then(response => {
    res.json({
      info: response.data,
      code: 1
    });
  });
});

app.listen(3000, () => console.log("代理服务器启动完成"));

Vue Cli安装命令:

如何更新你的Vue Cli

Run npm i -g @vue/cli to update!

第一步：安装Vue Cli。

windows系统下：

npm install -g @vue/cli

不是windows系统下：

sudo npm install -g @vue/cli

温馨提示：下面命令不分系统。

第二步：创建项目

vue create 你的项目名

创建过程中选择：
？please pick a preset:
Manually select features  √  ：选择这个
Vue CLI v4.0.5
? Please pick a preset:
  default (babel, eslint)
> Manually select features

gle all,<i> to invert selection

(*) Linter / Formatter 光标选中按下空格键

Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)

In dedicated config files //选择这个，就对了
In package.json
In dedicated config files
Save this as a preset for future projects? (y/N) No //

cd 你的项目名 //进入你的项目
npm run serve //注意：server这个单词不是固定的

所有的.vue文件都会由webpack插件编译之后输出

webpack使用vue-loader插件实现组件的编译

xxx-loader是加载器