vue项目实战开发

前端Vue项目webpack打包部署后源码泄露解决

前端Vue项目webpack打包部署后源代码泄露解决问题描述经Webpack打包部署到服务器后，访问并打开开发者模式，在Source下出现[name]路径，内部包含(webpack)buildin文件夹
兜里揣着星星·2024-01-31 10:23

项目实现网页分享QQ空间功能

文章目录个人主页Vue项目常用组件模板仓库前言：源码如下：个人主页Vue项目常用组件模板仓库前言：本篇博客主要提供“点击转发按钮，将本页面转发至QQ空间”源码，需要的朋友请自取源码如下：转发到QQexportdefault
信计2102罗铠威·2024-01-31 08:54

vue报错：[vuex] unknown action type: user/doLogin

vue项目中，使用vuex进行状态管理，出现一下错误的原因是：store/modules的命名空间（namespaced）有误解决办法：1、查看是否有设置namespaced:true2、查看namespaced
煸橙干儿~~·2024-01-30 20:56

Chrome 谷歌浏览器升级到120版本后VUE项目F12无法正常输出日志和调试Debugger ，无法使用Sourcemap的解决办法

问题描述：F12无法正常console.log输出日志，统一在vue.js下输出定位不到源代码，在代码中写debugger也无法进入断点。导致无法使用Sourcemap。1、F12开发者工具点击右上角设置2、设置-忽略列表-启用忽略清单（升级120版本后，默认启用的）3、关闭启用忽略清单，再次尝试就可以了
⑧o年崋·2024-01-30 19:37

vue项目eslint配置 以及 解释

//https://eslint.org/docs/user-guide/configuringmodule.exports={root:true,parserOptions:{parser:"babel-eslint"},extends:["plugin:vue/recommended"],rules:{//属性数据同行不超过8过"vue/max-attributes-per-line":[2,
⑧o年崋·2024-01-30 19:36

Vue router原理

总结：vue-router是vue项目的重要组成部分，用于构建单页应用。单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
冻三尺·2024-01-30 19:55

常见的项目报错以及解决方案小结

在Vue项目中，常见的报错包括但不限于以下几种：Vue模板编译错误：这通常表示你在模板中使用了无效的语法或表达式，比如未关闭的标签、错误的指令使用等。
Lemom199·2024-01-30 19:19

解决 vue-cli · Failed to download repo vuejs-templates/webpack 错误

创建一个vue项目步骤如下：先进入一个事先准备好的目录，比如demo目录，然后在目录中做初始化操作：$vueinitwebpackproject名注意：project名不能包含大写字母webpack参数是指这个项目将会在开发和完成阶段自动打包代码初始化可能会失败
走在路上的低级弟弟·2024-01-30 18:15

如何使用Vue CLI创建vue项目+项目目录介绍

1初识VueCLI详见官网：https://cli.vuejs.org/guide/2安装VueCLI2.1卸载学安装之前，我们先学习如何卸载npmuninstallvue-cli-g#或者yarnglobalremovevue-cli2.2安装npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.3检查#可通过下列命令检查安装的脚手架的版本vue--vers
我看谁还在睡觉·2024-01-30 18:47

使用脚手架Vue cli2.0创建项目

文章目录使用脚手架Vuecli2.0创建项目1初识vueVue开发者简介2vue开发环境搭建Step1安装NodeJSStep2安装cnpmStep3安装vue-cliStep4初始化项目Step5启动开发环境3Vue
luckybeggar·2024-01-30 18:46

Vue之初识Vue CLI 脚手架

VueCLI是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】脚手架有什么好处？
远近高低各不同·2024-01-30 18:43

手把手带你撸一遍vue-loader源码

前言前面写过两篇webpack实战的文章：webpack实战之（手把手教你从0开始搭建一个vue项目）手把手教你从0开始搭建一个vue项目（完结）强烈建议小伙伴们去看一下前面几个章节的内容，这一节我们研究一下
vv_小虫虫·2024-01-30 18:16

vue-head 插件设置浏览器顶部 favicon 图标 - 动态管理 html 文档头部标签内容

目录需求实现11.安装插件2.项目内main.js引入3.vue页面使用实现2其他需求vue项目中浏览器页面顶部图标可配置实现1使用vue-head插件实现vue-head插件可实现html文档中head
Fighting_p·2024-01-30 18:36

解读新创建vue项目的各个目录的作用

当你使用vuecreate命令创建一个新的Vue项目时，会自动生成一些基础目录和文件，它们的作用如下：node_modules:存储项目的依赖包，包括开发依赖和运行依赖。
晚风皆是过客.·2024-01-30 14:35

宝塔nginx部署前端页面刷新报404

问题：当我们使用脚手架打包前端项目的时候，如果前端项目并没有静态化的配置，如以下当我们刷新页面，或进行路由配置访问的时候就会报404的错误原因：这是因为通常我们做的vue项目属于单页面开发。
月亮被咬碎成星星·2024-01-30 13:47

解决vue项目部署在服务器上无法打开public中的文件

问题：放在public中的文件，部署服务器访问出现404访问www.xxxxx.com/template/xxxxx.xlsx路径报错。发现问题：vue.config.js中outputDir有值，所以部署在服务器应该带上它。outputDir:'project',//构建时的输出目录解决方法：访问路径加上outputDir路径，http://www.xxxxx.com/project/templ
猫在裙角jslms·2024-01-30 12:09

将vite项目(vue/react)使用vite-plugin-pwa配置为pwa应用，只需要3分钟即可

为了实现这个目的，我们可以为vue项目使用一个插件：vite-plugin-pwavite-plugin-pwa仓库地址：https://github.com/vite-pwa/vite-plugin-pwav
1024小神·2024-01-30 11:44

Vue项目中使用React组件(antd组件库也可以)，React中使用Vue组件

在Vue项目中使用React组件(antd组件库也可以)，在React中使用Vue组件下面我写个demo教大家如何在Vue组件库中使用React组件甚至antd组件触类旁通,在React中使用Vue组件
清羽_ls·2024-01-30 10:29

Vue项目中vuex的安装和使用

Vue项目中vuex的安装和使用1.安装vuex2.导入vuex包并创建store仓库3.在main.js中导入store实例4.检测vuex是否能正常使用1.安装vuexnpminstallvuex-
无·糖·2024-01-30 09:20

Vue项目中如何使用图标组件库

vue项目中如何使用SVG图标-CSDN博客这是上一个如何使用SVG图标，自由的从图标库下载图标进行增删改等操作固然很方便，但是也暴露出一些小小的不足，那就是任意的图标使用可以造成图标风格的不统一，从而影响整个项目的用户体验
开心点啦.·2024-01-30 08:35

vue项目中如何使用SVG图标

IconFont使用的不足：图标添加、修改、删除以后在线链接需要更新离线资源需要重新下载项目代码需要同步更新。在项目不断更新和迭代的过程中，图标的增减变化还没有稳定的情况下，开发人员的工作效率会明显下降。那么有没有一个图标应用方式，就是开发人员如果新增，修改，删除某一图标，那么就仅仅只是操作这一目标图标即可。如果有新增，则直接从图标平台上下载新增图标到项目目录中，如果有修改，则直接将修改以后的图标
开心点啦.·2024-01-30 08:05

方案：将vue项目放在SpringMVC中，并用tomcat访问

问题：目录如下：今天我测试了一下将vue打包后，放入webapp下面访问，却发现vue项目无法显示。
软件开发技术局·2024-01-30 07:39

npm v10.4.0 is known not to run on Node.js v14.21.3

问题起因vue项目在打包的时候突然报如下错误，项目原来打包的时候是没问题的。
道法自然 实事求是·2024-01-30 07:12

2024 新年HTML5+Canvas制作3D烟花特效（附源码）

❄️个人主页：落798.个人WeChat：hmmwx53️系列专栏：️零基础学Java——小白入门必备重识C语言——复习回顾计算机网络体系———深度详讲HCIP数通工程师-刷题与解析微信小程序开发——实战开发每日一句
落798.·2024-01-30 06:09

vue项目移动端点击图片放大预览（可拖拽，放大）

1.下载依赖npminstallvue-photo-preview-S2.引入main.js中全局引入importpreviewfrom'vue-photo-preview'import'vue-photo-preview/dist/skin.css'Vue.use(preview)3.应用给图片加上preview="0"分组在图片加载完成后调用this.$previewRefresh();即可4
关忆北_·2024-01-30 06:19

尚硅谷Vue项目实战硅谷甄选Vue3学习笔记

Props父传值子组件子组件我是子组件:曹植{{props.info}}{{props.money}}{{info}}{{money}}修改props数据letprops=defineProps(['info','money']);//接收父类给予的数值//按钮点击的回调constupdateProps=()=>{//props:只读儿子没有console.log(props.info)}父组件p
　方雄·2024-01-30 04:36

VUE项目请求header中添加自定义参数报跨域错误

工作中需要一个后台管理的页面，之前使用springboot框架的后端代码，已经调通了登录，现在后端代码的框架换成了SSM,就一直报跨域问题。前端框架用的vue,因为访问的时候，需要添加token做验证，打算把token和其他的参数放到请求头header中,header中放入自定义参数后，就一直报跨域问题，后端也添加了跨域的过滤器，用了之后还是报跨域的问题，最后发现是SSM框架中web.xml中配置
凤栖梧0414·2024-01-30 02:44

座位预约|座位预约小程序|基于微信小程序的图书馆自习室座位预约管理系统设计与实现(源码+数据库+文档)

1、实体ER图五、核心代码六、论文参考七、最新计算机毕设选题推荐八、源码获取：博主介绍：✌️大厂码农|毕设布道师，阿里云开发社区乘风者计划专家博主，CSDN平台Java领域优质创作者，专注于大学生项目实战开发
伟庭大师兄·2024-01-30 00:07

二手交易|校园二手交易小程序|基于微信小程序的闲置物品交易平台设计与实现(源码+数据库+文档)

1、实体ER图五、核心代码六、论文参考七、最新计算机毕设选题推荐八、源码获取：博主介绍：✌️大厂码农|毕设布道师，阿里云开发社区乘风者计划专家博主，CSDN平台Java领域优质创作者，专注于大学生项目实战开发
伟庭大师兄·2024-01-30 00:32

VUE项目学习——入门篇

准备首先删除vuedemohellovue相关代码和文件components下的helloworld.vueapp.vue中的img标签router中的helloworld声明和引用引入一个简单的样式组件库npmielement-ui-S方便书写几个简单组件举例学习目录初始化在src目录下新建views文件夹在assess目录下新建js、css、font、img四个文件夹在css目录下新建comm
weixin_34124939·2024-01-29 22:58

VUE项目搭建

vue项目搭建选择程序放置的文件夹，在路径栏中输入cmd，再按回车打开命令行窗口在命令行中输入以下内容vuecreatethreejs选择vue3默认创建完成之后的界面是这样打开创建好的工程项目，在package.json
言馨·2024-01-29 22:06

nodejs下载介绍

各个开发人员各司其职来完成整个项目的构建但是实际开发的话前端也是分成了很多部分比如下图那么我们就用到了对应的快捷生成一个前端项目的工具，nodejs携带的脚手架下载步骤大家可以直接去看这位佬的讲解，非常的全面，本人亲测非常的好用Node.js脚手架安装配置、Vue环境搭建以及创建Vue
菜鸟小木·2024-01-29 21:03

win10开放端口、vue局域网访问

在vue项目中，启动之后，可以看到两个访问网址，一个本地访问地址（Local），一般为http://localhost:8080/还有一个是局域网访问网址(Network)，一般是http://你本机的
Ashley的成长之路·2024-01-29 18:34

vue i18n+element +lockr 实现语言切换 国际化

1、首先先在vue项目中安装vue-i18n和lockr执行语句：npminstallvue-i18n--save执行语句：npminstalllockr--save安装完成后在pac
Ashley的成长之路·2024-01-29 18:34

vue项目 将el-pagination封装成公用分页组件

组件页面index.vueexportdefault{name:'Pagination',props:{total:{required:true,type:Number},page:{type:Number,default:0},limit:{type:Number,default:10},pageSizes:{type:Array,default(){return[10,20,30,50]}},
王等等csdn·2024-01-29 17:40

Vue项目 封装Element-ui中的el-pagination作为公用分页组件

原文链接：https://www.cnblogs.com/lsh-admin/p/16071060.html原因：分页在项目当中使用非常频繁，因此就将el-pagination封装为了一个全局组件1.首先在components下面新建一个pagination.vue文件import{scrollTo}from'@/utils/scroll-to'exportdefault{name:'Pagina
小刘爱搬砖·2024-01-29 17:39

nginx部署前端vue项目

本例已前端vue项目项目。
weisian151·2024-01-29 15:58

nginx部署vue项目及nginx配置

nginx部署vue项目,vue.conf.js配置文件默认配置publicPath为根路径publicPath：‘/’，只需要打包好dist包，部署nginx即可，根据前端配置好的axios请求前缀baseUrl
lhyxm·2024-01-29 15:28

vue项目获取微信权限前端。

微信公众号的教程确实有些简陋了需要现在微信公众号里配置域名然后在需要权限的页面跳转到微信指定页面后面会更新微信支付的内容App.Vueexportdefault{name:"App",created(){varcode=this.GetUrlParame("code");//截取codeconsole.log(code);console.log(this.$route);if(!code){win
不7而遇_·2024-01-29 15:30

点餐|外卖订餐小程序|基于微信小程序的外卖订餐系统设计与实现(源码+数据库+文档)

1、实体ER图五、核心代码六、论文参考七、最新计算机毕设选题推荐八、源码获取：博主介绍：✌️大厂码农|毕设布道师，阿里云开发社区乘风者计划专家博主，CSDN平台Java领域优质创作者，专注于大学生项目实战开发
伟庭大师兄·2024-01-29 13:45

最新计算机软件毕业设计选题大全

最新计算机软件毕业设计选题大全1、毕业设计选题博主介绍：✌️大厂码农|毕设布道师，阿里云开发社区乘风者计划专家博主，CSDN平台Java领域优质创作者，专注于大学生项目实战开发、讲解和毕业答疑辅导。
伟庭大师兄·2024-01-29 13:43

vue中使用jweixin-module

目录一：安装jweixin-module二：后端配置三：获取签名并注入配置四：调用微信JS接口在Vue项目中使用jweixin-module（或通常称为jweixin，即微信JS-SDK的封装）来调用微信提供的
攻城狮的梦·2024-01-29 12:19

使用kubesphere-devops部署在线教育项目【前端】

【部署后台管理vue项目】1、准备工作(0)版本kubesphere3.1.1kubernetes1.20.4(1)准备DockerfileFROMnginx#将dist目录内容复制到nginx容器html
Ayu大象·2024-01-29 11:43

vue项目-pdf预览和下载，后台返回文件流形式

后端返回的文件流数据如下图所示：一、pdf预览功能：1、接口封装exportfunctiondownload(data){returnaxios({url:'xxx.pdf',method:'get',params:data,responseType:'arraybuffer',//一定要设置响应类型，否则页面会是空白pdf})}2、页面importPdffrom'vue-pdf'importCM
一只小程序媛·2024-01-29 08:57

日常学习之：如何使用 dockerfile 将 vue 的单独前端项目通过 docker 的方式部署到 heroku上

文章目录需求描述开始操作准备阶段：准备server.js文件并安装依赖，将vue项目包装成单独的服务器制作server.js安装server.js需要的依赖构建Dockerfileherokucontainer
暖仔会飞·2024-01-29 02:57

vue项目前端生成EXCEL模板并解析上传JSON

一，安装依赖并引入"file-saver":"^2.0.5","xlsx":"^0.18.5"import{saveAs}from"file-saver";二，生成模板button_23Click(){constself=this;//导入模板下载//consttableData=['菜单id','菜单编码','菜单别名','功能模块ID','功能ID','父菜单','显示顺序','是否是叶子节点
[email protected]·2024-01-28 22:16

vue项目中echarts自适应问题高级解决方案

一、问题描述1.1页面布局项目首页中有多个echarts图表，如下图所示：页面布局如下：index页面（绿框）是父页面，父页面中包含A页面（红框）和B页面（橙框），A页面中有3块，共5个echarts图，B页面中有2部分，左侧部分中有3个饼图，右侧部分是列表，综上，index页面共8个ecahrts图。ps：A页面和B页面都是组件化书写。1.2问题复现点击浏览器右上角的向下还原按钮后，图表显示不正
xiahuaxuanlan1113·2024-01-28 21:01

vue json数据格式化编辑插件

现有一个vue项目，需要一个json编辑器，能够格式化json数据，同时也支持编辑功能。
懒人村杂货铺·2024-01-28 20:14

# Vue 中 JSON 编辑器使用

CodeMirror安装依赖测试页面效果图vue-json-views安装依赖属性说明测试页面效果图vue-json-pretty安装依赖属性说明测试页面效果图MonacoEditor码云地址背景描述现有一个vue
全栈程序员·2024-01-28 20:13

Vue从0到1快速搭建

进入对应的cmd页面2、下载脚手架输入npminstall-g@vue/cli3、配置淘宝仓库镜像npmconfigsetregistryhttps://registry.npmmirror.com创建Vue
开朗觉觉·2024-01-28 19:08
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他