Vue3脚手架的安装

• 安装Vue3全局安装

• 检测本地环境是否有Vue

• node -v   npm  -v 
  vue  -V  ### 检测Vue是否安装

• cnpm i @vue/cli@3.12.1  -g  ### 全局安装Vue脚手架命令

  vue create myvue  ## 创建一个项目项目名为myvue

• cd myvue //进入到项目中启动项目
  npm run serve  //启动项目  

• //访问地址
  localhost:8080  127.0.0.1:8080

• vue配置脚手架的内容

  安装axios 前端用来请求后端接口的功能

  cnpm  i  axios  --save //局部安装axios 

  //main.js 中配置axios  ，全局配置
  //配置axios，项目中直接
  import axios  from "axios";
  Vue.prototype.$axios = axios;//加入原型

• 如何使用呢？在.vue文件中使用

• this.$axios.get('url地址?key=value').then(res=>{
      
  })
  this.$axios.post("url地址",{key:value}).then(res=>{
      
  })

• url地址如果直接请求后端接口的话，会出现跨域的问题，跨域的问题怎么解决呢？

  cors跨域代理的解决，

• 后端express中配置
• cnpm i cors --save //布局安装跨域的软件
• //app.js中配置支持跨域
  //配置cors
  var cors = require("cors");
  app.use(cors());