一个过了菜鸟期的前端在单独用Vue开发项目时遇到一些菜鸟级的问题

原创 壹個玖零後 随笔 vueJs 362阅读 14 天前 举报

以前都是和团队一起做开发,所以项目的架构都是由同事搭建的,在搭建的过程中遇到的坑都被同事填了,我只要安心把我负责的部分完成就行,,,这一次我自己单独负责一个项目,本着锻炼个人能力的初衷,我坚持从零开始做这个项目,可是我没想到Vue里面的坑这么多,下面是我在做项目的时候遇到的一些坑:

1、项目中导入jQuery

很小的一个坑,以前都没注意,原来安装好jQuery后不是直接导入就能用的,还要进行配置,在webpack.base.conf.js中配置



代码:

2、项目中导入bootstrap

安装好bootstrap之后在main.js中调用bootJ和bootCSS,这里有一个小的坑,就是当你自己有设置项目的背景颜色,最后在打包项目的时候你自己设置的背景颜色和一小部分样式会被bootCSS里面的样式覆盖掉,这个可能和打包文件的顺序有关,,所以我建议把bootCSS放到和你调用其它样式的地方一起调用。

2.1、安装boot导入项目中之后就一定能用吗,在这里我又遇到了一个坑就是,你还要安装popper.js之后boot才起作用,popper要安装到dependencies目录下;

3、在开发的过程中需要向后台请求数据,在Vue框架下,我们一般使用axios,在这里又有一个坑,那就是axios 用post方式传递参数时,后端接受不到,,所以还要引入qs才行,一般我们装好axios时候就已经附带了qs,具体的代码如下:

3.1、axios 用post方式传参,还有一种办法也能行,从网上看到的

3.2、axios 用get方式传参时,我们前端是不需要配置就能传,但是后端需要配置才能接收;我自己在本地用PHP测试的时候发现如果不配置,get传递也无法接收,还有无法跨域访问,,这个配置做后端的应该都知道,所以就不多说了,,,

PHP实现跨域访问:

评论 ( 4 )
最新评论