关于vue项目我的一些碎碎念

通过脚手架(Vue-cli)创建一个vue项目:vue create sms 自定义 2.x版本 前端一个文件后端一个文件夹 
修改网页名称--学院管理系统  路径不要有中文
创建vue.config.js ---写端口号+主机名+https协议+自动打开浏览器。 不要自动检查+打包去掉map文件(为了加快打包速度)
安装axios与element UI(element页面中有各种好东西)
在main下面引入elementUI与css,并且use一下(一共三行代码加入到main 里)
封装axios对象:(封装+跨域)
后台在集成终端打开,创建app.js用来写后端127.0.0.1
想在8888访问3000,得封装axios. (请求/响应的拦截器)
在src下utils下request.js:先引入axios。所有的请求baseURL前面加上/dev-api + 请求超过5000ms就停下来。  导出。
在src下api下test.js:先引入request。创建一个方法发送请求:后端3000服务器地址+请求方法(get)
在helloworld下 发送请求,引入test.js,创建一个方法 拿到get方法。发送请求(mounted)
以上-------产生跨域了
------配置请求拦截器-------
粘贴放在axios封装对象--request.js中
通过代理方式解决代理:8888 与 3000跨域的问题------通过代理服务器 链接8888与3000的请求
在vue.config.js中写proxy{}如果在8888中以dev-api开头就把他代理到3000的位置上去+开启代理+把代理上dev-api替换成空字符串
(地址:https//8888代理到3000 真正地址是 localhost/dev-api 得去掉)
dev-api只是标识 ,什么名字都可以
可以创建两个文件夹用来创建环境。里面都是大写的。把前后端的地址统一换成名字
前后端地址都换!换成【process.env.地址】
这样想改的话只改文件夹里的地址就行了,就不用挨个文件改了。。
每次改完都要npm run serve重新启动一下。

我想说什么就敲出来了,这条并不是在讲解,而是我自己的一个碎碎念,算是自己重新捋一遍吧,不指望大家能看懂。

希望大家天天开心,希望大家代码不报错 一路绿灯,祝大家没有烦心事。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值