qq_26282869的博客

以往部署vuejs应用都是直接在nginx的location为/下直接部署，这次遇到要将vue应用部署在/vuejs-admin的非根下，使用以往部署方案直接访问就会404，这时修改步骤如下：1、修改项目router配置，如下：这里一是要修改router模式为history，另一个就是修改base地址为要访问的/vuejs-admin的地址，注意前后都有斜线2、修改build下静态资源路径前缀同上一部，这里要修改assetsPublicPath为/vuejs-admin/地址3、执行vuejs

需求用法出现的背景：由于项目UI的优化，项目中所有tab导航选中的状态都是统一样式书写的，之前都是用的border-bottom，新的需求如果用以前的本办法就是定位一个选中边框在底部，但是涉及的模板页面比较多，所以想在样式中统一修改，就用到了：after这个伪类元素；.cactive:after{ content: " "; display: block; width:40upx; height:6upx; background:#E12D40; border-radius:4u

下载安装laravelcomposer create-project --prefer-dist laravel/laravel laravel-element "5.8.*"在环境搭建的前提是已经在本地搭建好了laravel框架,并且安装npm.1.安装前端依赖库npm install 2.添加laravel路由修改 routes/web.php 文件为Route::get('/', function () { return view('index');});3.新建 H

1.router文件夹下index.js中设置titleexport default new Router({ routes: [ { path: '/', name: 'Home', component: Home, meta: { title: '首页' } }, { path: '/design',...

前提:搭建vue项目框架:#全局安装 vue-cli$ npm install --global vue-cli#创建一个基于 webpack 模板的新项目$ vue init webpack my-project#安装依赖，走你$ cd my-project$ npm install$ npm run dev1.下载lib-flexible使用的是vue-cli+webp...

Vue+Element UI使用富文本编辑器案例npm安装编辑器组件具体方法：npm install vue-quill-editor –save具体实现在components文件夹里创建editor.vue组件，具体代码如下：<!-- 组件代码如下 --><template> <div> <script id="edi...

如图显示:点击自定义会打开自定义的页面,点击excel导入会打开导入的页面Home.vue在下面 <!--主页面--> 哪里要加上下面的代码,不然配置好路由不会显示 <el-col :span="24"> <div style="margin-top:10px"> <router-view></router-v

分享页面时，希望点击浏览器回退按钮，回到项目首页，增加访问量。需要监听浏览器的回退按钮，并阻止其默认事件。具体步骤如下：1、挂载完成后，判断浏览器是否支持popstatemounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, docume...

1:在main.js(我是在app.js里面写的)全局文件中判断cookie中是否存在token,存在就按照正常的页面跳转,不存在就跳转到登录界面:router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requireAuth)) { // 判断该路由是否需要登录权限...

vue获取form表单的值这里使用的是Element-ui组件html: <el-input placeholder="请输入手机号" id="phone" prop="phone" v-model="phone" clearable></el-input>JS:var phone = this.phone;var password = this.pa

在Vue中使用this.$router传递参数有两种方式：注意: 传递参数的时候,跳到指定页面,重新刷新页面的时候,参数会丢失解决办法:在index.js中 path配置好键值一样的第一种使用这种方式，传递参数会拼接在路由后面，出现在地址栏传递参数 – this.$router.push({path: ' 路由 ', query: {key: value}})参数取值 – thi...

本文重点：项目环境搭建此处省略，不再赘述，需要的请查阅相关资料。本篇只介绍，如果在vue+webpack的项目中配置，把px自动转为rem第一步安装:npm install postcss-px2rem postcss --save 第二步: 在 webpack.base.conf.js中 引入const webpack = require('webpack')const p...

起步:配置axios在main.js文件中import axios from 'axios'Vue.prototype.$http = axios在config/index.js proxyTable: { '/api':{ target:'http://QuanDD.com', //一定要加上http:// (不然域名回事你前端项目的域名...

注意: 这里vue项目与后端是前后端完全分离的,所有请求后端的地址是不一样的安装axiosnpm install axios然后npm install --save axios vue-axios用到post请求时，需要安装qsimport qs from 'qs'在main.js引入axiosimport axios from 'axios'import VueAxi...

更新ubuntu软件源sudo apt-get updatesudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris-lea/node.jssudo apt-get update安装node.jssudo apt-get ...

基本文件夹介绍:build打包配置的文件夹build.js 打包使用config打包的配置index.jssrc开发项目的源码App.vue 入口组件main.js 项目入口文件static放静态资源index.html单页面入口...

注意: vue的运行以及安装需要node.js环境的支持,所以先安装node.js第一步 : node环境安装 1. 如果本机没有安装node运行环境，请下载node 安装包进行安装 2. 如果本机已经安装node的运行换，请更新至最新的node 版本 下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/第二步 :node环境检测 1. ...