RouteConfig 的类型定义： interface RouteConfig = {path: string,component?: Component,name?: string, // 命名路由components?: { [name: string]: Component }, // 命名视图组件redirect?: string | Location | Function,props?: boolean | Object | Function,alias?: string | Array<string>,children?: Array<RouteConfig>, // 嵌套路由beforeEnter?: (to: Route, from: Route, next: Function) => void,meta?: any,// 2.6....
下载github模板 vue init mpvue/mpvue-quickstart project-name配置sass-loader npm install --save-dev sass-loader //sass-loader依赖于node-sass,所以要安装node-sass npm install --save-dev node-sass //在build文件夹下的webpack.base.conf.js的rules里面添加配置 {test: /\.sass$/,loaders: ['style', 'css', 'sass'] } // 注意：下面这个 加不加视情况定（css的）{test:/\.css$/,loader:'style-loader'},{test:/\.css$/,lo...
路由规则的配置在src/router/index.js中，可配置如下内容：import { createRouter, createWebHistory } from vue-router import Home from ../views/Home.vue import About from ../views/About.vueconst routes = [{path: /home, //相对于http://localhost:端口号name: Home,component: Home},{path: /about,name: About,component: About} ]const router = createRouter({history: createWebHistory(process.env.BASE_URL),route...
最近在本地调试vue项目时，使用ProxyTable做代理时，配置了几次都不生效。开始的配置如下：后端接口：http://127.0.0.1:8000/api/v1proxyTable: { /api/v1:{ target: http://127.0.0.1:8000, changeOrigin: true }}原配置如下：url = location.protocol + // + document.domain + /api/v1 axios.post(`url`)此处需要注意的是，如果已经配置了代理，axios就不需再设置baseURL了，不然不会经过代理处理...
按照官方文档的步骤来，踩了一些坑，记录下 一、安装elementUI npm i element-ui -S 二、安装babel-plugin-component npm install babel-plugin-component -D 然后官方文档的原话是将 .babelrc 修改为： {"presets": [["es2015", { "modules": false }]],"plugins": [["component",{"libraryName": "element-ui","styleLibraryName": "theme-chalk"}]] }首先，.babelrc这个文件没有提路径，有的人尝试直接根目录下新建这个文件然后...
{ "name": "vue-manage", // 项目名称 "version": "1.0.0", // 版本 "description": "Reimbursement Manage", // 描述 "author": "LXG", // 作者 "private": true, //是否私人项目 "scripts": { "dev": "node build/dev-server.js", // npm run dev 的 dev，使用node执行 build/dev-server.js "start": "node build/dev-server.js", // npm run start 跑的是同样的命令 "build": "node build/build.js", // npm run build 跑的...
20200318 基于@vue-cli3的多页面应用改造及nignx配置 参考资料：https://www.jianshu.com/p/a7a742724e14 需求 一个项目型的工程。由于初期欠考虑的设计。做成了单页应用。现在项目越做越大.项目中多了许多原设计无法很好兼容的内容。这个工程原来的定位是预约审批系统的PC端，但是现在，这个工程包含着 1、预约审批功能PC端 2、审批功能钉钉H5页面 3、移动端问卷调查 4、访客账号的子账号管理功能 所以，打算将工程改造为多页应用...
前言：为什么使用CLI（command line interface）? 每次创建一个新的vue项目，都要下载webpack依赖包，创建文件目录以及各种东西，CLI是一个用于管理Vue项目的框架，用于项目代码的结构维护以及配置一条龙服务。 安装步骤：安装前提 Node环境要搭建好，默认下安装node自带npm 安装指令 如果对单独一个项目安装，直接进入项目目录，然后 npm install @vue/cli@3.0.4 如果要全局安装，直接win + R ，cmd，然后 npm install @vue/cli ...
1.环境准备 已安装node运行环境(未安装的自行百度安装)安装node后使用npm管理包命令执行下载yarn(不懂请自行百度) 2.搭建项目 全局安装vue-cli，window窗口命令如下：yarn global add @vue/cli使用vue-cli创建uniapp项目，window窗口命令如下：vue create -p dcloudio/uni-preset-vue 你的项目名称(注意需要全小写)选择默认模板(Typescript) 等待依赖下载完成,如下图 3.安装css预处理器Sass 打开项目根目录下的cmd控制台，输入下载...
目前比较流行的打包大都是在vue.config.js配置代理,然后在根目录新建.env.xxx文件配置正式环境,测试环境,开发环境等用于打包时配置不同的访问地址,作为一名随波逐流的前端开发,我也是这么干的,但是总有人在开发中疯狂改ip,然后导致我们要跟着打包,ip的改动导致我们配置的环境根本没有用武之地,于是乎我就想有没有一次打包项目,ip可以让他们开发自己配置,避免重复打包呢?说做就做,因为原来没有弄过这方面的问题,又这方面的想法,但是...
目录 1、vue.config.js别名配置与使用 2、通用方法全局使用(自定义插件) 3、axios自定义 4、http请求统一管理绑定1、vue.config.js别名配置与使用新建vue-cli3项目中默认是没有vue.config.js，自己在根目录新建。项目默认会定义 @ 代表 src目录下面是个人项目中部分配置，还包括svg使用类名与组件引入类似于element-ui的icon引入设置，文件压缩等配置，可以参照vue-admin-template，后面项目空了再发一下一下配置，包括npm包与组件...
路由如果需要使用 vue router 驱动单页面应用，那就App.vue 添加 <router-view/> 标签 router.js 中配置路由信息， main.js 中引入 router.js 并绑定到 vue 实例。App.vue<template><div id="app"><router-view/></div> </template><script>export default {name: "App",} </script>router.jsimport Vue from vue import Router from vue-routerVue.use(Router)export const routes = [{path: "/login", // path 匹配地址栏url, 如...
定义路由器 import Vue from "vue" import VueRouter from "vue-router" Vue.use(VueRouter)const router = new VueRouter({route: [], // 在路由器中注册路由// 当url和对应路由产生模糊匹配时, 对应的router-link添加class名activelinkActiveClass: "active", // 常用// 当url和对应路由产生精确匹配时, 对应的router-link添加class名ExactActivelinkExactActiveClass: "ExactActive",mode: "hash" //路由模式 }) export default...
注：使用分页查询功能 一、分页配置注：首先进行分页配置，植入对应的Bean节点，详情参见：https://mp.baomidou.com/guide/page.html// 分页功能 @Bean public PaginationInterceptor paginationInterceptor() {PaginationInterceptor paginationInterceptor = new PaginationInterceptor();// 设置请求的页面大于最大页后操作， true调回到首页，false 继续请求 默认false// paginationInterceptor.setOverflow(false);// 设置最...
1.安装 vue-router@nextnpm i vue-router@next -D2.使用步骤-1. 创建 router.jsimport { createRouter, createWebHashHistory, createWebHistory } from vue-router;// 定义组件，注意 一定要使用文件全名 包括文件后缀 import Login from ../view/login/login.vue// 定义路由 const routes = [// vue2.x 一致{ path: /, name: Login, component: Login }, ]// 创建路由实列 const router = createRouter({// history: routerHisto...