- 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{
- scala的option和some
矮蛋蛋
编程scala
原文地址:
http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html
对于学习 Scala 的 Java™ 开发人员来说,对象是一个比较自然、简单的入口点。在 本系列 前几期文章中,我介绍了 Scala 中一些面向对象的编程方法,这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念,找到其缺点
- NullPointerException
Cb123456
androidBaseAdapter
java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference
出现以上异常.然后就在baidu上
- PHP使用文件和目录
天子之骄
php文件和目录读取和写入php验证文件php锁定文件
PHP使用文件和目录
1.使用include()包含文件
(1):使用include()从一个被包含文档返回一个值
(2):在控制结构中使用include()
include_once()函数需要一个包含文件的路径,此外,第一次调用它的情况和include()一样,如果在脚本执行中再次对同一个文件调用,那么这个文件不会再次包含。
在php.ini文件中设置
- SQL SELECT DISTINCT 语句
何必如此
sql
SELECT DISTINCT 语句用于返回唯一不同的值。
SQL SELECT DISTINCT 语句
在表中,一个列可能会包含多个重复值,有时您也许希望仅仅列出不同(distinct)的值。
DISTINCT 关键词用于返回唯一不同的值。
SQL SELECT DISTINCT 语法
SELECT DISTINCT column_name,column_name
F
- java冒泡排序
3213213333332132
java冒泡排序
package com.algorithm;
/**
* @Description 冒泡
* @author FuJianyong
* 2015-1-22上午09:58:39
*/
public class MaoPao {
public static void main(String[] args) {
int[] mao = {17,50,26,18,9,10
- struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题!
7454103
DAOspringAjaxjsonqq
struts2.18 出来有段时间了! (貌似是 稳定版)
闲时研究下下! 貌似 sruts2 搭配 json 做 ajax 很吃香!
实践了下下! 不当之处请绕过! 呵呵
网上一大堆 struts2+json 不过大多的json 插件 都是 jsonplugin.34.jar
strut
- struts2 数据标签说明
darkranger
jspbeanstrutsservletScheme
数据标签主要用于提供各种数据访问相关的功能,包括显示一个Action里的属性,以及生成国际化输出等功能
数据标签主要包括:
action :该标签用于在JSP页面中直接调用一个Action,通过指定executeResult参数,还可将该Action的处理结果包含到本页面来。
bean :该标签用于创建一个javabean实例。如果指定了id属性,则可以将创建的javabean实例放入Sta
- 链表.简单的链表节点构建
aijuans
编程技巧
/*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h"
#define NODE(name, key_word, help) \ Node name[1]={{NULL, NULL, NULL, key_word, help}}
typedef struct node { &nbs
- tomcat下jndi的三种配置方式
avords
tomcat
jndi(Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来,使得我们可以用名称
访问对象。目录服务是一种命名服务,在这种服务里,对象不但有名称,还有属性。
tomcat配置
- 关于敏捷的一些想法
houxinyou
敏捷
从网上看到这样一句话:“敏捷开发的最重要目标就是:满足用户多变的需求,说白了就是最大程度的让客户满意。”
感觉表达的不太清楚。
感觉容易被人误解的地方主要在“用户多变的需求”上。
第一种多变,实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的,只是比较多,也比较混乱,用户一般只能了解自己的那一小部分,所以没有用户能清楚的表达出整体需求。而由于各种条件的,用户表达自己那一部分时也有
- 富养还是穷养,决定孩子的一生
bijian1013
教育人生
是什么决定孩子未来物质能否丰盛?为什么说寒门很难出贵子,三代才能出贵族?真的是父母必须有钱,才能大概率保证孩子未来富有吗?-----作者:@李雪爱与自由
事实并非由物质决定,而是由心灵决定。一朋友富有而且修养气质很好,兄弟姐妹也都如此。她的童年时代,物质上大家都很贫乏,但妈妈总是保持生活中的美感,时不时给孩子们带回一些美好小玩意,从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
- oracle 日期时间格式转化
征客丶
oracle
oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP;
SYSDATE:不支持毫秒,取的是系统时间;
SYSTIMESTAMP:支持毫秒,日期,时间是给时区转换的,秒和毫秒是取的系统的。
日期转字符窜:
一、不取毫秒:
TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS')
简要说明,
YYYY 年
MM 月
- 【Scala六】分析Spark源代码总结的Scala语法四
bit1129
scala
1. apply语法
FileShuffleBlockManager中定义的类ShuffleFileGroup,定义:
private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) {
...
def apply(bucketId
- Erlang中有意思的bug
bookjovi
erlang
代码中常有一些很搞笑的bug,如下面的一行代码被调用两次(Erlang beam)
commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b
Author: Jovi Zhang <
[email protected]>
Date: Fri Dec 2 16:19:22 2011 +0100
erts:
- 移位打印10进制数转16进制-2008-08-18
ljy325
java基础
/**
* Description 移位打印10进制的16进制形式
* Creation Date 15-08-2008 9:00
* @author 卢俊宇
* @version 1.0
*
*/
public class PrintHex {
// 备选字符
static final char di
- 读《研磨设计模式》-代码笔记-组合模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str
- 利用cmd命令将.class文件打包成jar
chenyu19891124
cmdjar
cmd命令打jar是如下实现:
在运行里输入cmd,利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes)
现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作:
cd D: 回车
cd workspace/prpal
- [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
comsci
eclipse设计模式算法工作swing
JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
&nb
- SecureCRT右键粘贴的设置
daizj
secureCRT右键粘贴
一般都习惯鼠标右键自动粘贴的功能,对于SecureCRT6.7.5 ,这个功能也已经是默认配置了。
老版本的SecureCRT其实也有这个功能,只是不是默认设置,很多人不知道罢了。
菜单:
Options->Global Options ...->Terminal
右边有个Mouse的选项块。
Copy on Select
Paste on Right/Middle
- Linux 软链接和硬链接
dongwei_6688
linux
1.Linux链接概念Linux链接分两种,一种被称为硬链接(Hard Link),另一种被称为符号链接(Symbolic Link)。默认情况下,ln命令产生硬链接。
【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中,保存在磁盘分区中的文件不管是什么类型都给它分配一个编号,称为索引节点号(Inode Index)。在Linux中,多个文件名指向同一索引节点是存在的。一般这种连
- DIV底部自适应
dcj3sjt126com
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- Centos6.5使用yum安装mysql——快速上手必备
dcj3sjt126com
mysql
第1步、yum安装mysql
[root@stonex ~]# yum -y install mysql-server
安装结果:
Installed:
mysql-server.x86_64 0:5.1.73-3.el6_5 &nb
- 如何调试JDK源码
frank1234
jdk
相信各位小伙伴们跟我一样,想通过JDK源码来学习Java,比如collections包,java.util.concurrent包。
可惜的是sun提供的jdk并不能查看运行中的局部变量,需要重新编译一下rt.jar。
下面是编译jdk的具体步骤:
1.把C:\java\jdk1.6.0_26\sr
- Maximal Rectangle
hcx2013
max
Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.
public class Solution {
public int maximalRectangle(char[][] matrix)
- Spring MVC测试框架详解——服务端测试
jinnianshilongnian
spring mvc test
随着RESTful Web Service的流行,测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架,如果版本低于3.2,请使用spring-test-mvc项目(合并到spring3.2中了)。
Spring MVC测试框架提供了对服务器端和客户端(基于RestTemplate的客户端)提供了支持。
&nbs
- Linux64位操作系统(CentOS6.6)上如何编译hadoop2.4.0
liyong0802
hadoop
一、准备编译软件
1.在官网下载jdk1.7、maven3.2.1、ant1.9.4,解压设置好环境变量就可以用。
环境变量设置如下:
(1)执行vim /etc/profile
(2)在文件尾部加入:
export JAVA_HOME=/home/spark/jdk1.7
export MAVEN_HOME=/ho
- StatusBar 字体白色
pangyulei
status
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
/*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
- 如何分析Java虚拟机死锁
sesame
javathreadoracle虚拟机jdbc
英文资料:
Thread Dump and Concurrency Locks
Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
- 位运算简介及实用技巧(一):基础篇
tw_wangzhengquan
位运算
http://www.matrix67.com/blog/archives/263
去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一,很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料,学习到了更多关于位运算的知识,有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章,与其说是原来那篇文章的follow-up,不如说是一个r
- jsearch的索引文件结构
yangshangchuan
搜索引擎jsearch全文检索信息检索word分词
jsearch是一个高性能的全文检索工具包,基于倒排索引,基于java8,类似于lucene,但更轻量级。
jsearch的索引文件结构定义如下:
1、一个词的索引由=分割的三部分组成: 第一部分是词 第二部分是这个词在多少