vue-cli中使用axios及webpack打包vue项目到springboot中

vue-cli中使用axios

1.使用npm安装axios

npm install axios --save -dev

2.配置main.js中引入axios

import axios from 'axios'
Vue.prototype.$http=axios

3.使用axios

axios.get("URL地址").then(res=>{
	console.log(res)
	*res为响应回来的内容*
})
axios.post("URL地址",{参数}).then(res=>{
	console.log(res)
})
axios.get()等同于this.$http.get
post方式同

打包脚手架项目并在idea项目中使用

1.打包

npm run build

运行这个命令后报了这个错误，

Tip: built files are meant to be served over an HTTP server.
	Opening index.html over file:// won't work.
	
npm start启动项目就可以了，启动之后项目结构会有一个dist目录，里面存放的就是打包后的静态文件
(https://img-blog.csdnimg.cn/20210324155259819.JPG#pic_center)

2.在idea中使用静态文件

1.在idea项目resource文件下新建一个static文件（有的话就不用了）
2.将webstorm打包的dist目录直接拷到static下面
3、修改index.html中的href路径
	/static/css/app.6890265530e181d43988ac92d2f8214b.css
	修改为
	Element/dist//static/css/app.6890265530e181d43988ac92d2f8214b.css

里面所有的href都需要改（Element是项目名）
启动springboot项目，直接在地址栏中输，不能双击index.html文件打开