我们知道打包默认npm run build,可是打包后点击dist文件中index.html一片空白.问题在于路径问题.我们在工程文件的最外层增加文件.env.production这个文件就是这么奇怪.里边可以配置整个项目文件都可以访问的变量哦.看看里边我写的啥:(必须包含VUE_APP_) 在其他文件中引用 在package.json里配置打包 运行npm run build:production就可以了,本地就可以打开了.如果放在其他访问环境一样道理. 最后贴下我的项目文件:…

前言 相信使用过 vueCli 开发项目的小伙伴有点郁闷,正常开发时会有三个接口环境(开发,测试,正式),但是 vueCli 只提供了两种 development,production(不包含 test-单测)模式.其实这是小伙伴们没有理解 vueCli 文档所导致的. vueCli 命令中 --mode 对应的 .env.[mode],而不是 NODE_ENV ::: tip 注意 除了 VUE_APP_ 变量之外. 还有两个特殊的变量: NODE_ENV: 是 development.pro…

目录 @vue/cli 3.0 使用 svg-sprite-loader 加载本地 SVG 文件 运行 使用 配置 svg-sprite-loader 调用当前环境下的颜色 props @vue/cli 3.0 使用 svg-sprite-loader 加载本地 SVG 文件 online github Vue cli 3.0 使用 svg-symbol(svg 雪碧图),整个 https://www.iconfont.cn 的图标库为你所用,加快开发速度. Vue 脚手架升级 3.0,项目也随…

今天给公司电脑装系统,由于公司特殊需要,要给新电脑装win7系统.三台完全一样的华硕adol笔记本,前两台都和win10并存装成了双系统,第三台被不懂系统的人尝试装win7搞坏了,只能全盘格式化后再装. 于是,开始根据自己旧有的知识,创建了一个FAT32的200M的磁盘,把它当成是ESP分区,再把系统装到另一个分区.然后重启,倒是引导成功,进入到了了安装界面,可是,没成想突然报错:windows安装程序无法将windows配置为在此计算机的硬件上运行. 这下慌了,第三台电脑的硬件和前两台不一样吗…

更改默认端口 sudo vi /etc/mongod.conf 进入conf文件,修改port值为19999保存并退出. 重启mongodb sudo service mongod restart 进入mongo shell mongo --port 19999 本地数据库导入线上服务器的mongodb中 1 备份本地数据库 git 切换到mongodb/data,输入: ../bin/mongodump -h 127.0.0.1:27017 -d vueBlog -o ../data/vueB…

遇到这个问题是用辅助工具(WinNTSetup3.exe)进行的安装,重启后就就遇到“Windows 安装程序无法将 Windows 配置为在此计算机的硬件上运行” 解决:在WIN PE 下挂载安装光盘,然后双击SETUP.EXE安装. 至少在我本机上解决,INTEL I5 + INTEL B85 . 以前遇到这问题是用WinNTSetup3添加了磁盘驱动安装,就正常.这次居然无效.…

关于装windows系统时,出现一些安装中断的处理 该方法适用于 windows安装程序无法将windows配置为在此计算机的硬件上运行 计算机意外地重新启动或遇到错误. Windows 安装无法继续.若要安装Windows,请单击“确定”重新启动计算机,然后重新启动安装”. 按下shift+f10 会打开命令窗口, 进入到C:\windows\system32\oobe文件夹, 输入msoobe回车然后输入msoobe即可进入下一步操作, 但错误提示框仍然在,不用理会按照屏幕提示输入相应的信息…

用手工运行msoobe.ext启用配置的方法, 快速解决:windows安装程序无法将windows配置为在此计算机的硬件上运行   我自己安装碰到的是蓝色这个错误,下面这个也有网友说用安装驱动等方法得以解决.   注意:本文主要内容是转自其它网友的,我是在戴尔新本本ins 15r-3521安装win7 64 位碰到这种情况,换过硬盘模式.安装过sata驱动均无法解决,重装了7次,后来才发现这个文章在错误页面启动dos命令模式手工运行msoobe进行配置.同台机同一光盘安装win7 32确完全没…

Vue CLI  的官方文档上写:调整webpack配置最简单的方式就是在vue.config.js中的configureWebpack选项提供一个对象. Vue CLI 内部的 webpack 配置是通过 webpack-chain (链式操作)维护的.这个库提供了一个 webpack 原始配置的上层抽象,使其可以定义具名的 loader 规则和具名插件,并有机会在后期进入这些规则并对它们的选项进行修改. 它允许我们更细粒度的控制其内部配置.接下来有一个在 vue.config.js 中的 c…

1.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题,如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的,相当于浏览器设置了一道门槛,会报错XMLHTTPRequest can not load http://40.00.100.100:3002/. Response to preflight request doesn’t pass access control…. 为什么跨域同源非同源自己去查吧,在webpack配置一下…

在 GearCase 开源项目 中,我使用了 Vue Cli 的默认测试框架.因此和样式相关的东西,都无法进行测试.因为它并不类似于无头浏览器,而是存在于虚拟内存之中. 现状 在如下 button.spec.js 单元测试用例当中,关于 icon 默认的 order 的测试用例无法进行测试,因为它涉及到了样式.前面已经提到由于它处于虚拟内存之中.因此只要进行单元测试,就会出现以下报错. // 样式相关的测试用例 it('icon 默认的 order 是 1', () => { const wra…

工程结构:在resource下新建开发,线上不同文件夹存放不同配置文件 pom.xml配置文件 <!-- maven配置不同环境打包 --> <build> <plugins> <plugin> <artifactId>maven-compiler-plugin</artifactId> <configuration> <source>1.7</source> <target>1.7&l…

简述C#中IO的应用   在．NET Framework 中． System.IO 命名空间主要包含基于文件(和基于内存)的输入输出(I/O)服务的相关基础类库．和其他命名空间一样． System.IO 定义了一系列类.接口.枚举.结构和委托.它们大多数包含在 mscorlib.dll! 另外有一部分部分 System.IO 命名空间的成员则包含在systcm.dll程序集中.System.IO命名空间的多数类型主要用于编程操作物理目录和文件,而另一些类型则提供了从字符串缓冲区和内存区域中读写数…

今天打算把Time Machine备份的工作交给NAS,曾经是放在一块外置硬盘上的,尽管速度要比NAS快,可是每次插拔外接都有些麻烦.而NAS又具有实时在线.定时关机启动的功能.配合Time Machine能够实现最大程度的数据备份. 事实上这个配置笔记是一边做一边写的,笔者本人也不知道会踩到什么雷,所以配置的过程不一定是最简洁的,仅仅求给大家带来一些思路.解决一些实际问题. 废话不多说了,叙述一下准备工作.DNS-320的入门级NAS一台(双盘位),更新了最新的固件,把当中一个盘拔出来后换上了…

这篇文章里我们将用配置 YARN,在 YARN 上运行 MapReduce. 1.修改 yarn-env.sh 环境变量里的 JAVA_HOME 路径 [bamboo@hadoop-senior hadoop-2.5.0]$ vim etc/hadoop/yarn-env.sh export JAVA_HOME=/opt/modules/jdk1.7.0_67   2.修改 etc/hadoop/yarn-site.xml,添加如下的两个属性   <configuration> <pro…

vue在打包的时候css报错,首先声明的这个并没有解决webpack本身的问题,本来这个也是一个警示,不会影响代码正常运行 这个是因为我在多个页面引入了同一个css文件,webpack打包时候对css文件顺序报错,如果css少,可以稍微改动下css文件顺序即可,但是当很多文件引入的时候,就没法一个个改了,解决办法是在build的文件中加入…

vue-cli 的webpack中已配置了less,但 package.json 中没有选项,为了方便开发中使用,需安装一下: 安装方式一: npm install less less-loader --save-dev 安装less和less-loader,并记录到devDependencies中,因为这是我们在开发中使用的而非在生产中使用 安装方式二: 或直接在 package.json 的 devDependencies 中 "less": "^3.0.1",…

css的预编译: 使用步骤: 第一步:用npm下三个loader(sass-loader.css-loader.node-sass): 第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss: 第三步:还是在同一个文件,配置一个module属性: 第四步:然后在组件的style标签加上lang属性,例如:lang="scss": 有哪几大特性: 1.可以用变量,例如($变量名称=值): 2.可以用混合器: 3.可以嵌套:…

common/post.js import axios from 'axios' // 引入axios import qs from 'qs' // 引入qs axios.defaults.baseURL = '/apis' //请求地址的域名(此处使用了代理所以直接填/apis // 拦截响应response,进行错误处理 axios.interceptors.response.use(function (response) { // 成功处理 // code处理 response.code…

…

1.安装python 2.7   http://www.cnblogs.com/strikebone/p/3970512.html 2.安装相关前置工具  pip, Django http://www.cnblogs.com/strikebone/p/3958897.html 3.安装mysql的组件 http://www.cnblogs.com/strikebone/p/3975372.html 4.安装apxs, mod_wsgi yum install httpd-devel.x86_64…

虽然只有几句话,但是还是超级好用的 装过很多戴尔的笔记本,发现很多都是这里的问题导致系统装不进去. 1.硬盘设置有问题.进BIOS ,到SATA 设置看看硬盘是不是设置为AHCI了.这个ghost系统是不识别的.把AHCI改为IDE在安装系统. 2.没有活动分区,直接装入系统,这样开机时开不了.然后将Boot mood和boot priorty都改为uefi 如果还不能开机,那就比较麻烦了. 需要重新设置硬盘格式,将分区转换MBR分区表格式,这样会清除硬盘,将硬盘的内容全部清空. 具体教程如下…

1.使用maven或者其他打包工具将storm-starter打成jar包 2.请将jar包用解压工具打开在根目录下找到defaults.yaml文件并将其删除不然到时会报有multiply defaults.yaml的错哦 3.用ftp工具将jar包上传到linux系统主节点上 4.在各个节点上启动zookeeper,启动nimbus(只需在主节点上启动),启动supervisor,启动ui(只需在主节点上启动),启动logviewer bin/zkServer.sh start bin/st…

参考链接:https://segmentfault.com/a/1190000016919340…

修改nginx配置文件 location / { root ... index ... try_files $uri $uri/ /index.html; ---解决页面刷新404问题 } (参考官网 https://router.vuejs.org/zh-cn/essentials/history-mode.html)…

目录 1,前言 2,.env文件的作用 3,配置.env文件 4,配置启动命令 5,获取.env中的全局变量 5,实际用处 1,前言 分享一下vue项目中利用.env文件存储全局环境变量,以及利于项目开发的vue启动以及打包命令. 2,.env文件的作用 在vue项目中,env是全局配置文件,可以存储不同环境下的变量.使用vue-cli搭建项目,默认会在根目录创建一个.env文件,如果需要更多类型的.env文件,需要自行创建. 其中: 1,.env 后缀的文件是全局默认配置文件,不论什么环境都会…

前后端分离的项目开发中,我们有开发环境.测试环境.预生产环境和生产环境. 1.开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七七八八的接口地址),要根据情况手动来切换接口地址. 2.打包时要部署项目到不同的环境,而这也需要每次都根据情况切换接口地址. 虽说手动来切换地址是可以满足需求的,但是这种方式实属不是一种较为优雅的处理方式.那么,我们换一种优雅一点的方式来解决. 通过修改配置文件,让启动和打包项目时根据不同的命令,达到预期的结果. 下面就以Vu…

大家还记得我们在老版本中,对于线上环境配置中会把所有的 css 多打成一个文件: 核心是使用了插件 extract-text-webpack-plugin,方式如下: 第一步都是加载插件 const ExtractTextPlugin = require('extract-text-webpack-plugin') 这个插件的描述如下: Extract text from a bundle, or bundles, into a separate file. 然后配置如下:(省去了 rules…

废话不多说,直接进入正题,此文以配置不同的接口域名地址为例子 项目根目录下有一个config文件夹,基础项目的话里面至少包括三个文件, 1.dev.env.js 2.index.js 3.prod.env.js 我们需要做配置的就是第一个和第三个. 其实这两个文件内容就是针对生产环境和发布环境设置不同的参数的文件,那么打开dev.en.js,开发环境.原本代码如下: ‘use strict‘ const merge = require(‘webpack-merge‘) const prodEnv…

转载来源:https://github.com/wfzong/NODE_ENV_TEST,这里还有源码可以学习,谢谢原作者的分享! 对于process.env.NODE_ENV困惑起因为在配置webpack时,明明配置了:process.env.NODE_ENV为production,如下: new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }), new webpack.optimiz…