使用vue的同学们大都是基于vue-cli来搭建项目的，vue-cli中的配置全面强大。// 常用的命令
npm run dev // 本地热更新模式
npm run build //生产模式 会在根目录下打包出一个dist文件夹，直接放在服务器上就可以使用了开发阶段与后台同学进行数据交互(调试接口) 本机与服务器之间会出现跨域问题跨域报错解决办法在npm run dev执行后，项目会在本地nod
转载
2024-05-14 14:21:07
314阅读
记录一次vue的启动以下步骤在管理员权限下执行安装node.js网上一堆idea安装vue.js插件过于简单安装vue-clinpm install -g vue-cli构建项目（已经有项目忽略这一步）vue init webpack frontend安装项目依赖需要切换到项目根目录下，有个package.json，直接使用npm install命令就可以识别安装这一步经常出问题如果出问题了，不要
转载
2024-02-04 22:46:18
176阅读
vue怎么全局定义一个变量代替路径。原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用exportdefault暴露出去，在里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模块便可。全局变量模块文件：文件：constserverSrc='';consttoken='12345678';consthasEnter=false;constus
转载
2024-06-15 13:06:50
94阅读
前言vue3的已经正式发布了，从官方文档来看，部分api和功能有较大的改动，刚好，最近想写个vue3的插件，转念一想那我能不能同时也支持vue2呢？就引出了这个问题，我们能使插件支持vue3的同时也能支持vue2么？通用代码最简单的方式就是写vue2和vue3都能运行的代码(指vue2与vue3都支持的api)，就像人们为python2和python3那样处理。编写这样的插件要求我们避免使用在vu
转载
2024-06-13 09:39:45
209阅读
如何导入GitHub下的vue项目，并在本地电脑启动一、准备工作node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm、npm 的淘宝镜像注： Henley-PC已经使用全局安装好，（建议全局安装）其他电脑需检查二、安装node.js安装node.js比较简单，需要该安装路径则修改，直接下一步即可注：建议安装比较新版本的node.js，否则新版本cnpm等不支持旧版本node.
转载
2024-05-15 08:56:00
170阅读
vue-cli本地环境API代理设置和解决跨域前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的
原创
2023-11-27 11:42:33
420阅读
前两天开发过程中，遇到一个403报错问题。 前一天还可以正常调用，第二天启动项目后发现大片接口403报错。开始排查问题： 1、查看线上环境发现接口调用正常。 2、是用postman调用相同接口，接口调用正常。 3、相同代码，在同事本地项目调用正常。 4、403时后台日志未收到任何报错。 5、报错的都 ...
转载
2021-08-26 17:22:00
2625阅读
2评论
svg图标放大不失真，png会出现失真现象。一、方法一1、在对应vue项目里添加插件vue add svg-sprite输入 Y2、再执行npm install svgo svgo-loader --save-dev然后你就会看到 自动新增 的根目录文件vue.config.js和src/components/SvgIcon.vue,如图：3、在main.js里注册SvgIcon组件//引入s
转载
2023-09-05 23:01:13
180阅读
方式一：在windows本地部署1.准备vue项目 打开终端，输入vue create hello命令来创建一个名为hello的vue项目用于部署 cd hello npm run build 来对hello项目进行打包，打包后会生成一个dist文件夹2.nginx官网下载nginx，版本选择最新的稳定版即可下载并解压后进入nginx文件夹下的conf文件夹，找到nginx.conf文件并打开 将
转载
2023-11-07 22:24:29
164阅读
Vue项目搭建与部署一,介绍与需求 1.1,介绍Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的D
转载
2024-07-16 11:11:16
86阅读
Vue.js是一种流行的JavaScript框架，用于构建用户界面。而Java是一种广泛使用的编程语言，常用于构建后端服务器和应用程序。在开发过程中，通常需要将Vue.js前端部署在本地，并与Java后端进行接口通信。本文将探讨如何在本地部署Vue.js和Java，并编写接口以解决一个实际问题。
问题描述：
我们需要开发一个简单的Web应用程序，用于管理学生信息。该应用程序需要提供以下功能：
1
原创
2023-12-16 07:44:31
102阅读
# 使用 Vue.js 开发 Android 本地应用
随着移动互联网的快速发展，越来越多的开发者希望使用他们熟悉的前端工具来构建原生移动应用。Vue.js 作为一种流行的前端框架，同样也可以用于开发 Android 应用。通过一些工具和框架，例如 Cordova 或 Capacitort, 我们能够将 Vue.js 应用打包成可在 Android 设备上运行的原生应用。本文将指导你如何使用 V
之前我发布了一篇是有关于uniapp的接口简单封装，这次我发布的是vue的接口简单封装，这次有涉及到几个依赖，需要提前安装好，一个是axios依赖，一个是qs依赖，以下是安装方法：npm install axios -S
npm install qs安装完之后，就可以直接再也没中引入了，这次涉及到三个文件，一个是对axios的封装文件，即axios.js，一个是对接口的封装文件，即index.js
转载
2024-04-18 13:32:44
224阅读
目录简单获取和追加数据铺页面用 post 给接口传值post 用 url 问号拼接数据简单获取和追加数据铺页面一、在api中新建该页面的js文件用于存放该页面的所有接口二、引用所需组件，调用接口（已经全局配置了接口地址）import axios from 'axios'
// 首页-我的展台
export function getQueryMyBooth(data) {
return req
转载
2023-11-26 17:22:37
112阅读
# Android 本地 Vue 开发指南
随着移动应用的普及，越来越多的开发者选择使用 Vue.js 这个轻量级的框架来构建用户界面。然而，在 Android 原生应用中，如何使用 Vue.js 构建本地页面呢？本文将介绍一个结合 Android 和 Vue 的开发方案，并提供代码示例以帮助你更好地理解。
## 什么是 Android 本地 Vue？
Android 本地 Vue 是将 V
一、直接在的src下写图片的路径这也是以前写静态页面时候用的静态路径，直接把图片的相对路径写死在上面。二、通过 import 导入图片资源 // 绑定数据
import mySrc from "./xxxx.jpg"; // 导入图片的相对路径
export default {
data: () => ({
myPicture: mySrc,
})
}
三、通过 require 导入图片资
转载
2023-12-21 13:35:56
139阅读
VUE+Element-UI 多语言化
写在前面应项目需要同时感谢项目组前辈给我这次机会去实践 vue+element-ui 本地化的任务 ，本着分享的原则将过程记录下来VUE及Element-UI信息网站快速成型工具Element-UI渐进式JavaScript 框架Vue.js
准备在查阅了一些资料之后发现所谓本地化就是将相应的menu、tips、message做成变量，同时将这些变量对应的
Vue本地应用前言内容绑定，事件绑定v-text指令v-html指令v-on指令基础案例练习：计数器显示切换，属性绑定v-showv-ifv-bind案例练习：图片切换列表循环，表元素绑定v-forv-on补充v-model案例练习：记事本小结 前言本文是Vue框架学习的第二部分-Vue的本地应用，从“内容绑定，事件绑定”，“显示切换，属性绑定”，“列表循环，表元素绑定”三个方面学习v-text
# 如何实现 Android Vue 本地开发环境
作为一名刚入行的开发者，学习如何将 Vue 应用嵌入到 Android 应用中可能会让你觉得有些棘手。不过，放心，我会为你一步步讲解整个流程。下面是我们需完成的步骤以及实施细节。
## 步骤总览
我们可以使用以下表格来总结整个流程：
| 步骤 | 描述 |
| ----------
采用A标签直接下载，最后发现找不到文件 原因 ：vue项目打包以后文件路径变了、需要查看项目打包以后的路径是什么、将打包以后的文件路径写上去即可
原创
2021-06-03 20:06:14
1432阅读
