vue
小九的小酒
一个不写java的前端工程师
展开
-
vue项目部署
第一步:这是很关键的一步。打开项目,找到config文件夹下的index.js。搜索 assetsPublicPath 默认值为 '/‘ 应改为你要挂在到服务器的那个文件下的路径 。第二步:因为在开发时 会有跨域问题 我们为了方便会配置跨域代理比如proxyTable 一般都这样写,因为要部署到服务器上所以到服务器上之后就不存在跨域了,注销掉他。第三步:解决部署后图片图表路径404问题如xxxx/static/css/static/css/xxx这样的路径 在build/utils 中,找到这原创 2021-09-28 15:09:58 · 163 阅读 · 0 评论 -
vue使用rem
1. 安装 amfe-flexible、postcss-px2rem-excludecnpm i amfe-flexible postcss-px2rem-exclude --save2.在main.js文件中引入import 'amfe-flexible'3. 配置.postcssrc.js(没有则新建)module.exports = { plugins: { autoprefixer: {}, "postcss-px2rem-exclude": { "remUnit": 75, "exc原创 2021-08-09 09:34:15 · 108 阅读 · 0 评论 -
vue 项目全局修改element-ui的样式
修改例子:在src文件下创建 element-var.scss,代码如下$–color-primary: yellow; /修改按钮primary的颜色//* 改变 icon 字体路径变量,必需 */$–font-path: ‘…/node_modules/element-ui/lib/theme-chalk/fonts’;@import “…/node_modules/element-ui/packages/theme-chalk/src/index”;然后在main.js引入element原创 2021-08-03 10:08:54 · 3424 阅读 · 0 评论 -
VUE 后台管理系统项目集合
一、vue-element-admingithub地址: https://github.com/PanJiaChen/vue-element-admin文档地址:https://panjiachen.gitee.io/vue-element-admin-site/zh/预览地址:https://panjiachen.gitee.io/vue-element-admin/#/login?redirect=%2Fi18n%2Findex二、vue-admingithub地址: https://gith原创 2021-03-12 09:28:24 · 1014 阅读 · 0 评论 -
vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记
vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记场景:最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核 也就是vue项目需要兼容IE。首先解决 IE不支持 Promise解决办法引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>或 <script type="text/javascript" src ="https://cdn.pol原创 2021-02-02 09:54:31 · 1861 阅读 · 1 评论 -
vuex实现简单的登录功能
vuex的安装此处就不多说了安装好后,在src下面新建vuex文件夹,并在vuex下面创建index.js文件// 导入 vue和vuex,并把vuex挂载到vue实例import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ // 全局变量 state: { user: undefined }, // 修改全局变量必须通过mutat原创 2021-01-20 09:35:43 · 4331 阅读 · 0 评论 -
vue安装sass的填坑笔记
最近的一个项目用vue2.x构建,需要sass 我反反复复的安装5遍后还是跑不起来项目,我打算一个报错一个报错的去排查,看到这个错误,很明显是版本不配套,我卸载了sass,重新制定版本安装我这里是降低sass-loader版本来解决,你也可以升级webpack版本来尝试解决(我没测试)在这里你可能会遇到这个报错Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0这个也是版本问题我们推荐n.原创 2021-01-18 10:27:47 · 160 阅读 · 0 评论 -
git设置忽略文件不上传
提交代码时,总是有些需要忽略不上传的文件,比如说你打包的内容之类的。1.在项目中打开git并输入 touch .gitignore这时候你就可以看见打开并输入要忽略的文件夹这样就完成啦啦啦原创 2021-01-15 10:30:16 · 415 阅读 · 0 评论 -
再探系列(1)
序创建项目vue create 项目名称(貌似不能含有大写字母);ui面板创建原创 2020-06-02 14:56:23 · 124 阅读 · 0 评论