使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

一:如果没有安装nodejs需要先安装node

node官网http://nodejs.cn/download/%C2%A0,安装成功后,查看node版本

win+r 快速打开cmd.exe

node -v

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

顺便可以查看npm安装 npm -v

淘宝镜像cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

二:全局安装npm install -g @vue/cli

查看版本 vue -V

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

三:创建项目

首先要进入要创建项目的目录

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

使用命令:vue create hlj

我是一直回车

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

安装成功.

按照提示:输入cd hlj进入项目目录;输入npm run serve 启动项目

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

项目启动成功,在浏览器直接输入:localhost:8080即可

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

项目目录结构:

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

二:axios的配置跨域

安装axios,在终端控制台:npm  insatall axios

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

安装前package.json文件中

 

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求

安装后package.json文件中

使用vue-cli脚手架搭建vue项目及使用axios配置解决跨域请求