- Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题
百思不得小李
JS实战记录vue2实战记录javascript前端vue.js
1.process.env是Node.js中的一个环境1.打开命令行查看环境:2.process.env与VueCLI项目VueCli有以下三种运行模式development模式用于vue-cli-serviceservetest模式用于vue-cli-servicetest:unitproduction模式用于vue-cli-servicebuild和vue-cli-servicetest:e2
- Vue-Quill-Editor 简单修改字体大小和样式.(不改源码)
十里冰香
富文本quill
实现效果图:vue-cli的富文本Vue-Quill-Editor使用前安装:npminstallquill-image-resize-module--save,npminstallvue-quill-editor--save需要在根目录下的vue.config.js文件里,添加如下chainWebpack:constwebpack=require('webpack')module.exports
- 【前端】Vue中引入excel模板并下载以及XLSX使用
Lucky小维
前端前端vue.jsjavascript
模板存放位置src/assets/excelTemplate/模板.xls安装模块包npminstallfile-loader--save-dev//开发,Webpack配置中使用它来处理文件加载npmixlsx--save//生产,解析和处理Excel文件的库新增配置,在vue.config.js中,自己比较一下,最后一段新增的chainWebpackmodule.exports=defineC
- vue解决缩小浏览器后倒计时不准确的问题
啊森森啊
前端
使用webworker首先安装一下worker-loadernpmi-Dworker-loader其次在vue.config.js里配置一下worker-loadermodule.exports=defineConfig({transpileDependencies:true,chainWebpack(config){config.module.rule('worker').test(/\.wor
- vue-i18n的简单使用兼容element-ui
一个巨蟹座的前端
vuejs数组htmljsvue.js前端javascript
1.首先下载vue-i18nnpmivue-18n--save2.在项目根目录新建文件夹(自己命名)i18n.config.js,写如下代码注意:小编在vue.config.js里面配置了路径别名,@l指向src/lang目录importVuefrom'vue'importVueI18nfrom'vue-i18n'importElementfrom'element-ui'constzh=requi
- 关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库
我叫汪枫
vue.js前端javascript
关于TypeError:无法读取null属性(读取’isCE’)-自定义组件库大家先看一下这个文章https://cloud.tencent.com/developer/ask/sof/106913760这个文章里面给了vite解决方案这里我给出一个webpack解决方案首先我建议你的组件库和你的项目进行vue版本锁定第二补在你的vue.config.js中添加上这些配置const{defineC
- vue脚手架配置代理 axios请求 slot插槽
我家二爷
vue脚手架配置代理方法一在vue.config.js中添加如下配置devServer:{proxy:"https://localHost:8080"}说明:1.优点:配置简单,请求资源时直接发给前端(8080)即可2.缺点:不能配置多个代理,不能灵活的控制请求是否走代理3.工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器(优先匹配前端资源)方法二编写vue.co
- vue解决跨域问题
挣扎在黑暗中的码畜
跨域问题在开发中,是一个常见的问题。解决方案可以在前端处理也可以在后端解决,本教程为在前端处理。本教程讲解的为vue3脚手架搭建的项目遇到的跨域问题,其他版本也同理。1.在项目根目录新建vue.config.js文件vue.config.jsmodule.exports={devServer:{//设置代理proxy:{"/api":{target:"http://m.kugou.com/",//
- vue cli 3 build 打包之后路径错误问题,出现空白页
王冥
vue-cli3.x打包上线【入坑合集】问题1:使用vue-cli3.x开发的项目,开发的时候顺利无比,一旦打包上线各种问题就来了。首先是资源里面报各种各样的请求错误。解决思路:在src文件夹同级目录下创建vue.config.js文件在vue.config.js中重写打包后的基础路径为当前目录module.exports={//...baseUrl:'./'//...}问题2:重新打包之后上传服
- ERROR Invalid options in vue.config.js: “baseUrl“ is not allowed
家乡_a6ce
vue项目我的这个版本是3.10.0module.exports={baseUrl:process.env.NODE_ENV==='production'?'./':'/'}这里面是一个坑在vue-cli.3.3版本后baseUrl被废除了,因此这边要写成publicPath。改成module.exports={publicPath:process.env.NODE_ENV==='producti
- vue项目debugger调试看不到源码
hua_ban_yu
浏览器vuedebuggervue断点vue在chrome源码vuedebugger源码vue调试
在搭建vue项目时,在vue文件里面输入debugger后,在浏览器点击操作发现可以进入断点,但显示的是已经压缩好的代码,无法看到源码。在网上查了好多文件都说添加devtool:"source-map"即可解决,实际情况是添加了没有效果。解决方案:1打开vue.config.js文件,添加devtool:"cheap-module-source-map",然后重启项目。2.在页面上点击即可进入断点
- Vue项目中,对于index.html中BASE_URL的配置
我是真的狗
antdesignvue踩坑记录vuejsweb
Vue项目中,对于index.html中BASE_URL的配置问题解决注意问题有时候后端配置资源的默认访问路径的时候,可能会与前端打包时配置的默认根路径有所差异比如:后端要访问静态资源的根路径为/static,而一般情况下,我们项目的vue.config.js中对BAES_URL的配置是/,或者不做配置,因为它默认的值也是/这个路径决定了我们的前端项目打包后获取静态资源的默认的根路径(不显示在代码
- 2020-vue疑难杂症-vue 中项目打包由于console.log导致打包不
ITWangCoder
终于做完项目过后,想要打包,我去。。。。打包不了,一直报错image.png您们看看是不是这样子的错误,我心都要崩溃了,但是没关系,2019年-6月份刚刚学了这个,但是那个时候是vue-cli的可视化操作,我现在不用可视化,怎么操作呢??????image.png来看看我们怎么操作::!!!前方高能第一步:首先要在项目的根目录下创建我们的一个文件:vue.config.js:如下:image.pn
- Spring Could+Ant Design Pro表格数据加载
拉布拉卡的小推车
前端vuejava
由于公司最近项目使用AntDesignPro,所以就学习了一下,以前公司使用的是easyui,所以这也是我的第一次学习尝试,记录一下,有不足大家帮忙指正。后台是SpringCould,使用Nacos作为服务注册中心注册。表格加载打开AntDesignPro项目修改配置,解决跨域问题,让它能连接到我们的项目的网关修改vue.config.js找到节点devServer,修改如下:devServer:
- webpack.config.js和vue.config.js
辉娜
vuewebpackjavascriptvue.js
p纯手工搭建:webpack.config.js:constpath=require('path')const{VueLoaderPlugin}=require('vue-loader')constHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={entry:'./src/main.js',//入口文件的地址output
- 学习vue.config.js 结合 webpack
未来可期wlkq
webpackjavascriptvue.js
webpack处理图片,将小于10kb的图片转成base64(字符串格式)减少http请求,因为当图片过大,转base64反而大很多,页面加载会变慢多线程-多线程基础多线程-多线程基础参考链接happyPack注意:webpack4已经融合了多线程机制,因此happypack的作用不是很明显。如果你使用的版本是<4,那么还是可以继续使用HappyPack。happyPack参考链接vue学习文章,
- vue.config.js和webpack.config.js区别
波波仔86
vuevue.config.jswebpack.js区别
webpack.config.js和vue.config.js的区别webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。vue.config.js是vue项目的配置文件,专用于vue项目。通过vue.config.js中常用功能的配置,简化了配置工作,当然如果需要更专业的配置工作,两者在
- webpack.config.js和vue.config.js的区别
武当王也拜见老天师
vuewebpackvue.js
webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。vue.config.js是vue项目的配置文件,专用于vue项目。通过vue.config.js中常用功能的配置,简化了配置工作,当然如果需要更专业的配置工作,两者在vue项目中是可以并存的。vue-cli3创建的时候并不会自动创建v
- vue-test\src\index\main.js in multi (webpack)-dev-server/client?http://10.10.199.11:8080&sockPath=/s
呆呆加油呀
javascriptvue.jswebpack
报错:vue-test\src\index\main.jsinmulti(webpack)-dev-server/client?http://10.18.196.11:8080&sockPath=/svue启动报错如图所示:是由于我的vue.config.js入口文件的路径出错了修改后就好了:参考原文:vue运行报错./src/main.jsinmulti(webpack)-dev-server/
- vue项目打包时如何去除文件的hash值?
徐同保
web前端vue.js前端javascript
默认情况下,生成的静态资源在它们的文件名中包含了hash以便更好的控制缓存。然而,这也要求index的HTML是被VueCLI自动生成的。如果你无法使用VueCLI生成的indexHTML,你可以通过将这个选项设为false来关闭文件名哈希。vue.config.js:const{defineConfig}=require('@vue/cli-service')module.exports=def
- Vue3跨域代理设置
Leo_DLi
vue.js前端javascript
Vue3中,就不要再使用什么vue.config.js文件来配置跨域代理了Vue3的项目,在通过vite来创建项目之后,会自动创建一个vite.config.js文件,跨域的代理就可以在这个文件中配置了。直接上代码:server:{host:"0.0.0.0",//指定服务器应该监听哪个IP地址。如果将此设置为0.0.0.0或者true将监听所有地址,包括局域网和公网地址。port:5173,//
- 使用electron将VUE项目打包成.exe文件
s_Myint
electronvue.js
一、克隆electron官方下的demo安装依赖,登录gitHub账号(未登录可能会克隆失败)tip:node版本必须大于14.17.5//克隆项目gitclonehttps://github.com/electron/electron-quick-start//安装依赖npmi二、安装依赖后,对打包项目进行配置1、修改vue.config.js文件module.exports={publicPa
- vue-cli3脚手架搭建vue项目,关闭eslint
jsDmast
亲测有用在根目录下的vue.config.js中添加lintOnSave:false即可,如下图eslint.jpg
- Vue代理模式和Nginx反向代理(Vue代理部署不生效)
Major_xx
前端vue.js代理模式nginx
在使用axios时,经常会遇到跨域问题。为了解决跨域问题,可以在vue.config.js文件中配置代理:const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,devServer:{port:7070,proxy:{'/api':{target:'
- Vue<解决vue cli2/3 打包上线后的缓存问题>
誰在花里胡哨
解决方法:首先说一下vuecli2的配置方法:在webpack.prod.conf.js代码配置image.pngimage.png在vuecli3项目中,首先你有配置vue.config.js(不知道怎么配置的话,直接看最下面),然后在里面添加configureWebpack:{//webpack配置output:{//输出重构打包编译后的文件名称【模块名称.版本号.时间戳】filename:`
- Vue CLI3.0生产环境下去掉console
乙哥驿站
在开发过程中,必不可少的会使用console去开发调试代码,但是生产环境下,又不想让用户看到,如果手动去删除,又显得麻烦。因此我们可以使用webpack提供的插件去清楚console1、安装npminstallterser-webpack-plugin-D2、在vue.config.js中配置configureWebpack:config=>{if(process.env.NODE_ENV==='
- vue-cli3配置跨域
coolSummer003
在根目录下创建vue.config.js//vue.config.jsmodule.exports={publicPath:'/',devServer:{proxy:{'/api':{target:'https://aip.baidubce.com',//对应自己的接口changeOrigin:true,secure:false,ws:true,pathRewrite:{'^/api':''}}}
- 一知半解,临时解决ajax跨域请求
onebigday
java学习vue.js前端javascriptajax
在学习java编写接口。写好之后用vue写了个前端进行测试,结果总是有Access-Control-Allow-Origin错误。上网找,说在vue.config.js做配置,加上以下内容:module.exports={devServer:{port:8089,proxy:{'/mytest':{target:'http://192.168.0.183:8081',ws:true,changeO
- vue-cli3.0设置根目录别称
时间的溺水者
在根目录下新建vue.config.js文件constpath=require('path')functionresolve(dir){returnpath.join(__dirname,dir)}module.exports={devServer:{//open:true,//自动打开浏览器hot:true,//实时打包编译inline:true,//表示实时刷新浏览器port:'8020'//
- vue2 项目接入 vite2 参考指南
程序员柳随风
vuevue.jsjavascript前端框架
本文整理vue2项目接入vite2需要注意的事项。基本配置首先我们需要在项目中安装vite;其次,要支持vue2还需要安装vite-plugin-vue2。npminstallvitevite-plugin-vue2-D然后,需要新建一个vite.config.js文件替换掉vue.config.js文件。其基础内容如下:import{defineConfig}from'vite';import{
- VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite
iwindyforest
vmwaremac os10.10workstationplayer
最近尝试了下VMware下安装MacOS 系统,
安装过程中发现网上可供参考的文章都是VMware Workstation 10以下, MacOS X 10.9以下的文章,
只能提供大概的思路, 但是实际安装起来由于版本问题, 走了不少弯路, 所以我尝试写以下总结, 希望能给有兴趣安装OSX的人提供一点帮助。
写在前面的话:
其实安装好后发现, 由于我的th
- 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑?
deathwknight
JavaScriptjava框架
本人从学习Java开发到现在已有10年整,从一个要自学 java买成javascript的小菜鸟,成长为只会java和javascript语言的老菜鸟(个人邮箱:
[email protected])
一路走来,跌跌撞撞。用自己的三年多业余时间,瞎搞一个小东西(基于模型驱动的B/S在线开发平台,非MVC框架、非代码生成)。希望与大家一起分享,同时有许些疑虑,希望有人可以交流下
平台
- 如何把maven项目转成web项目
Kai_Ge
mavenMyEclipse
创建Web工程,使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
- 主管???
Array_06
工作
转载:http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html
很久以前跟同事参加的培训,同事整理得很详细,必须得转!
前段时间,公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来,虽然内容较多,因对老师三天来的课程内容深有感触,故借着整理学习心得的机会,将三天来的培训课程做了一个
- python内置函数大全
2002wmj
python
最近一直在看python的document,打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面,其实在看的时候发现整个《The Python Standard Library》章节都是很不错的,其中描述了很多不错的主题。先把Build-in Fu
- JSP页面通过JQUERY合并行
357029540
JavaScriptjquery
在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示
如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码
function mergeCell(){
var trs = $("#table tr");
&nb
- Java基础
冰天百华
java基础
学习函数式编程
package base;
import java.text.DecimalFormat;
public class Main {
public static void main(String[] args) {
// Integer a = 4;
// Double aa = (double)a / 100000;
// Decimal
- unix时间戳相互转换
adminjun
转换unix时间戳
如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)? Java time JavaScript Math.round(new Date().getTime()/1000)
getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
- 作为一个合格程序员该做的事
aijuans
程序员
作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志,把自己今天完成了什么事情,遇见了什么问题都记录下来,日后翻看好处多多
2、考虑自己明天应该做的主要工作 把明天要做的事情列出来,并按照优先级排列,第二天应该把自己效率最高的时间分配给最重要的工作
3、考虑自己一天工作中失误的地方,并想出避免下一次再犯的方法 出错不要紧,最重
- 由html5视频播放引发的总结
ayaoxinchao
html5视频video
前言
项目中存在视频播放的功能,前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备,必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解,不了解不知道,水真是很深。本文所记录的知识一些浅尝辄止的知识,说起来很惭愧。
视频结构
本该直接介绍html5的<video>的,但鉴于本人对视频
- 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat
bewithme
httpclient
如果你构建了一个https协议的站点,而此站点的安全证书并不是合法的第三方证书颁发机构所签发,那么你用httpclient去访问此站点会报如下错误
javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
- Jedis连接池的入门级使用
bijian1013
redisredis数据库jedis
Jedis连接池操作步骤如下:
a.获取Jedis实例需要从JedisPool中获取;
b.用完Jedis实例需要返还给JedisPool;
c.如果Jedis在使用过程中出错,则也需要还给JedisPool;
packag
- 变与不变
bingyingao
不变变亲情永恒
变与不变
周末骑车转到了五年前租住的小区,曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在,
各种店铺都换了好几茬,这些是变的。
三年前还很流行的一款手机在今天看起来已经落后的不像样子。
三年前还运行的好好的一家公司,今天也已经不复存在。
一座座高楼拔地而起,
- 【Scala十】Scala核心四:集合框架之List
bit1129
scala
Spark的RDD作为一个分布式不可变的数据集合,它提供的转换操作,很多是借鉴于Scala的集合框架提供的一些函数,因此,有必要对Scala的集合进行详细的了解
1. 泛型集合都是协变的,对于List而言,如果B是A的子类,那么List[B]也是List[A]的子类,即可以把List[B]的实例赋值给List[A]变量
2. 给变量赋值(注意val关键字,a,b
- Nested Functions in C
bookjovi
cclosure
Nested Functions 又称closure,属于functional language中的概念,一直以为C中是不支持closure的,现在看来我错了,不过C标准中是不支持的,而GCC支持。
既然GCC支持了closure,那么 lexical scoping自然也支持了,同时在C中label也是可以在nested functions中自由跳转的
- Java-Collections Framework学习与总结-WeakHashMap
BrokenDreams
Collections
总结这个类之前,首先看一下Java引用的相关知识。Java的引用分为四种:强引用、软引用、弱引用和虚引用。
强引用:就是常见的代码中的引用,如Object o = new Object();存在强引用的对象不会被垃圾收集
- 读《研磨设计模式》-代码笔记-解释器模式-Interpret
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 解释器(Interpreter)模式的意图是可以按照自己定义的组合规则集合来组合可执行对象
*
* 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值
* 多
- After Effects操作&快捷键
cherishLC
After Effects
1、快捷键官方文档
中文版:https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html
英文版:https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html
2、常用快捷键
- Maven 常用命令
crabdave
maven
Maven 常用命令
mvn archetype:generate
mvn install
mvn clean
mvn clean complie
mvn clean test
mvn clean install
mvn clean package
mvn test
mvn package
mvn site
mvn dependency:res
- shell bad substitution
daizj
shell脚本
#!/bin/sh
/data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
- Java SE 第二讲(原生数据类型 Primitive Data Type)
dcj3sjt126com
java
Java SE 第二讲:
1. Windows: notepad, editplus, ultraedit, gvim
Linux: vi, vim, gedit
2. Java 中的数据类型分为两大类:
1)原生数据类型 (Primitive Data Type)
2)引用类型(对象类型) (R
- CGridView中实现批量删除
dcj3sjt126com
PHPyii
1,CGridView中的columns添加
array(
'selectableRows' => 2,
'footer' => '<button type="button" onclick="GetCheckbox();" style=&
- Java中泛型的各种使用
dyy_gusi
java泛型
Java中的泛型的使用:1.普通的泛型使用
在使用类的时候后面的<>中的类型就是我们确定的类型。
public class MyClass1<T> {//此处定义的泛型是T
private T var;
public T getVar() {
return var;
}
public void setVa
- Web开发技术十年发展历程
gcq511120594
Web浏览器数据挖掘
回顾web开发技术这十年发展历程:
Ajax
03年的时候我上六年级,那时候网吧刚在小县城的角落萌生。传奇,大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩,然后接下来的一个小时我一直在,注,册,账,号。
彼时网吧用的512k的带宽,注册的时候,填了一堆信息,提交,页面跳转,嘣,”您填写的信息有误,请重填”。然后跳转回注册页面,以此循环。我现在时常想,如果当时a
- openSession()与getCurrentSession()区别:
hetongfei
javaDAOHibernate
来自 http://blog.csdn.net/dy511/article/details/6166134
1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。
2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。
这里getCurrentSession本地事务(本地
- 第一章 安装Nginx+Lua开发环境
jinnianshilongnian
nginxluaopenresty
首先我们选择使用OpenResty,其是由Nginx核心加很多第三方模块组成,其最大的亮点是默认集成了Lua开发环境,使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO,可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等,使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
- HSQLDB In-Process方式访问内存数据库
liyonghui160com
HSQLDB一大特色就是能够在内存中建立数据库,当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。
先睹为快!
下面是一个In-Process方式访问内存数据库的代码示例:
下面代码需要引入hsqldb.jar包 (hsqldb-2.2.8)
import java.s
- Java线程的5个使用技巧
pda158
java数据结构
Java线程有哪些不太为人所知的技巧与用法? 萝卜白菜各有所爱。像我就喜欢Java。学无止境,这也是我喜欢它的一个原因。日常
工作中你所用到的工具,通常都有些你从来没有了解过的东西,比方说某个方法或者是一些有趣的用法。比如说线程。没错,就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候,通常会面临各种各样的并发编程的问题,不过我们现在所要讲的可能会略有不同。
- 开发资源大整合:编程语言篇——JavaScript(1)
shoothao
JavaScript
概述:本系列的资源整合来自于github中各个领域的大牛,来收藏你感兴趣的东西吧。
程序包管理器
管理javascript库并提供对这些库的快速使用与打包的服务。
Bower - 用于web的程序包管理。
component - 用于客户端的程序包管理,构建更好的web应用程序。
spm - 全新的静态的文件包管
- 避免使用终结函数
vahoa.ma
javajvmC++
终结函数(finalizer)通常是不可预测的,常常也是很危险的,一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能,以及带来移植性问题。不要把终结函数当做C++中的析构函数(destructors)的对应物。
我自己总结了一下这一条的综合性结论是这样的:
1)在涉及使用资源,使用完毕后要释放资源的情形下,首先要用一个显示的方