vuecli做了个spa项目,大概有几十个个路由 直接 npm run build打包出来,有一个 1M的巨大 js文件,导致首页白屏时间过长分析工具vuecli 2.x自带了分析工具,只要运行 npm run build --report如果是 vuecli 3的话,先安装插件cnpm intall webpack-bundle-analyzer -–save-dev然后新建vue.config
vue 线上环境 开启 vue-devtools
原创 2023-08-13 07:16:54
403阅读
# 创建一个线上 Python 编辑器的 Vue 项目 在这篇文章中,我们将一步一步指导你如何创建一个基于 Vue线上 Python 编辑器。我们将使用 Vue.js 作为前端框架,并通过 Flask(一个网页框架)来处理后端 Python 代码的执行。下面是整个流程的详细步骤。 ## 整体流程 | 步骤 | 描述 | |------|------| | 1 | 创建 Vue.js 项目
原创 2024-10-25 03:35:18
131阅读
python web开发 djangovscode 搭建 django demodjango python web 路由创建应用并注册设置应用路由,并注册应用的处理函数应用的模板页面django python web mysqlDjango配置MySQL测试连接vscode工程栏设置视图数据模型创建数据导入mysql失败设置应用路由,并注册应用的处理函数应用的模板页面 vscode 搭建 dja
转载 2023-10-06 17:22:34
62阅读
优化前: dev初次时间:52s dev时间:5s~6s build时间:374s(6.2分钟) build后zip包大小: vuevue router 优化后: dev初次时间:49s、48s、50s、54s、56s、69s、50s、、、、、、、 dev时间:5s、6.7s、4.7s、5.3s、
转载 2018-06-11 14:14:00
93阅读
2评论
出现空白页,丢失资源,路由刷新404等问题 解决办法一般为vue.config.js修改配置,默认配置的路径资源打包后请求不到
原创 2022-09-26 10:41:21
150阅读
因为要做毕业设计 ,准备用vue来做前端的界面。发现不知如何运行vue的项目,很尴尬。通过查阅网上教程,因此把环境搭建过程记录下来,以备不时之需。   言归正传~~     node.js环境(npm包管理器)vue-cli 脚手架构建工具cnpm  npm的淘宝镜像  
转载 10月前
91阅读
API接口地址配置:资源相对路径配置:vue.config.js配置:publicPath:'./',configureWebpack:{//webpackplugins resolve:{alias:{'assets':'@/assets','common':'@/common','components':'@/components',...
原创 2021-08-13 18:50:22
144阅读
1、vue 文件目录分析vue create 项目名称目录分析public文件夹:静态资源,webpack 进行打包的时候会原封不动打包到 dist 文件夹中。pubilc/index.html是一个模板文件,作用是生成项目的入口文件,webpack 打包的 js,css 也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的 index.html。src文件夹(程序员代码文件夹)s
转载 2019-09-17 10:47:00
289阅读
2评论
前言 彦祖们,在日常开发中,不知道你们是否遇到过这样的场景 在本地测试开发 vue 组件的时候非常顺畅 一上生产环境,客户说数据展
原创 7月前
95阅读
对于线上环境,一般会禁用Vue调试工具,之前介绍过一个通过Chrome Overrides来修改源代码的方式可以实现线上环境也能开启Vue调试工具(这个 Chrome 调试技巧太实用了),但是相对还是比较麻烦。有没有更简单的方案?Vue调试工具其实是有一些钩子可以在控制台调用的,具体可以参考Vue devtools的源代码。可以通过window.__VUE_DEVTOOLS_GLOBAL
解决方案:Vue3获取当前组件实例的 getCurrentInstance 方法上 ctx 生产获取不到 上面的全局方法,getCurrentInstance代表上下文 // const { ctx} ..
原创 2022-09-05 17:20:59
446阅读
Vue 项目中,当发布新版本后,用户可能因为浏览器缓存而继续使用旧版本。
本博客目的:记录Vue学习的进度和心得(ES6基本语法)内容:掌握Vue中常用的ES6基础语法。正文:ES6基本语法一、let与var(闭包,块级作用域)  1、事实上var的设计可以看成JavaScript语言设计上的错误,但是这种错误多半不能修复和移除,因为需要向后兼容。例如if/for的块级的影响(ES5中if、for没有作用域,只有函数有作用域),因而JS作者引入了let,我们可以将let
目前项目用到jquery的一个插件,我把插件的扩展嵌入到query里面。由于jquery是通过npm install安装的,本地没有问题,线上安...
原创 2022-03-02 14:19:55
106阅读
线上旅行信息管理系统采用的开发框架为SSM框架和VUE框架,开发工具采用Eclipse,服务器用的是Tomcat。编码语言是Java,数据库采用Mysql数据库。 线上旅行信息管理系统要求实现以下功能: a.景点管理,展示景点的基础信息,介绍等信息。 b.酒店管理,展示酒店的基础信息,介绍等信息。 c.评价管理,可以查看景点或酒店的相关评价信息,客户消费完,可以评价景点或者酒店信息。 d.景点查询
前后分离 axios 接 api 跨域问题如图: 解决办法: 1. npm start 本地开发环境解决: 在webpack配置文件 /config/index.js 里找到 proxyTable 开启代理 changeOrigin:true, 2. npm run build 把 dist 放线上
转载 2019-03-19 16:36:00
523阅读
2评论
主页:​​写程序的小王叔叔的博客​​欢迎来访支持:点赞​收藏​关注1、效果2、域名通过内网穿透工具进行指定本地ip 作为域名,我用的是 ​​https://natapp.cn​​ 比较好用,3、vue 跨域配置前端页面中,在vue的main.js中使用axis实现跨域,路由进行配置前端vue组件的访问路径,main.js/** 测试服务器用,并且开启springboot的拦截器
原创 精选 2022-06-05 08:48:47
357阅读
3图
Django+xadmin 打造线上教育平台 一、关于静态文件配置1)在一开始设计表类型结构时,有部分表字段定义的是文件或图片类型,会有一个上传路径,如: 上传路径upload_to:org/%Y/%m是个相对路径,意思是上传到后台的图片/文件,放到org文件夹/Y(年份)文件夹/m文件夹下 , 但绝对路径没给,不知道具体放的实际位置是哪,这个时候需要在django中配置静态文件的处理方
转载 2024-07-08 15:18:30
23阅读
  • 1
  • 2
  • 3
  • 4
  • 5