-
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是加载器