VUE
文章平均质量分 55
Rowrey
这个作者很懒,什么都没留下…
展开
-
vite3.2路由管理权限管理
5,缓存pinia main.js。1,配置element-plus。vite.config.js添加。2,请求拦截request.js。3,请求调用 api.js。原创 2023-06-30 17:02:19 · 239 阅读 · 0 评论 -
vite-vue-ts axios instance请求nodejs学习文章的数据
新建api/axios.tsimport axios from 'axios';let instance = axios.create({ baseURL: 'http://localhost:3555/api', timeout: 10000, headers: { "Accept": "application/json", "Content-Type": "application/json" }})export default原创 2020-12-01 21:45:44 · 327 阅读 · 0 评论 -
vite-vue-ts mock数据
1,安装mockjsyarn add mockjs -S2,在src目录下新建api文件夹创建mockjs.ts,并且引入mockjsimport Mock from 'mockjs'3,因为ts无法识别mockjs,所以在shim.d.ts末尾添加declare module 'mockjs'4,在mockjs中加上一条数据Mock.mock('/api/list','get',{"data":[ { "id":"1", "title":"title" }]})5,原创 2020-11-26 21:50:01 · 2010 阅读 · 0 评论 -
vite-vue-ts axios请求
1,安装axiosyarn add axios -S2,新建api文件夹axios.tsimport axios from 'axios';let instance = axios.create({ baseURL: 'http://localhost:3555/api'})export default instance;index.tsimport instance from "./axios";export const getUrl = () => {原创 2020-11-26 21:10:28 · 1545 阅读 · 0 评论 -
vite-vue-ts vite.config.ts配置跨域
import type { UserConfig } from 'vite';const viteConfig:UserConfig = { port: 3555, hostname: "localhost", proxy: { '/api': { target: 'http://www.baidu.com', changeOrigin: true, ws: true,原创 2020-11-26 21:02:56 · 6125 阅读 · 0 评论 -
vite-vue-ts 项目初始化
创建vite项目yarn create vite-app zhihu运行yarn初始化项目把语言改为typescriptyarn add typescript -Dnpx tsc --init//安装ts的库包main.ts没有办法识别vite这种文件,创建配置项New-Item shim.d.ts内容declare module "*.vue" { import { Component } from "vue"; const component: Compoent; expor原创 2020-11-20 20:30:21 · 1058 阅读 · 0 评论 -
TpyeScript+VUE3.x学习之路02 下棋小游戏
1模板<template> <div> <ul ref="refUl" class="dom" :class="isWho" @click="cellClick"> <li class="cell" data-click="click"></li> <li class="cell" data-click="click"></li> <li class="cell" ..原创 2020-11-15 00:05:22 · 156 阅读 · 0 评论 -
TpyeScript+VUE3.x学习之路01 创建项目
需要安装node全局安装脚手架npm install -g @vue/cli或者ui安装 vue ui创建项目 vue create vue3TS原创 2020-11-14 20:17:31 · 125 阅读 · 0 评论 -
vue 页面登录控制
路由设置meta { path: '/center', name: 'center', component: () => import(/* webpackChunkName: "productList" */ '../views/Center.vue'), meta: {requiresAuth: true} },const router = n...原创 2019-12-12 22:01:56 · 166 阅读 · 0 评论 -
vue mock数据
1 npm i mockjs -D2 在src目录下新建mock目录 --src --mock index.js --json userInfo.json3 index.js内容如下:const Mock = require('mockjs');//格式: Mock.mock( url, post/get , 返回的数据);Mock....原创 2019-11-24 22:43:09 · 87 阅读 · 0 评论 -
全局css配置
config.less@charset “utf-8”;/----------- 重置样式 重要配置 ----------------/,:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{-webkit-text-size-adju...原创 2019-11-23 13:21:54 · 193 阅读 · 0 评论 -
VUE-CLI3.0多页配置
1,初始化项目,新建pages目录├── assets│ └── logo.png├── components│ ├── About.vue│ ├── HelloWorld.vue│ └── Home.vue├── pages│ ├── page1│ │ ├── index.html│ │ ├── index.js│ │ └── i...原创 2019-08-25 12:20:39 · 267 阅读 · 0 评论