需要一个配置文件,能在项目打包(build)时不被打包,方便修改,同时项目刷新时读取改配置. 实现方法如下: 1.在项目的static目录下创建project.config.json文件(名称随意,建议带上config关键字,易于辨识) 内容为json格式: { "serviceUrl": "http://localhost:30001/service/api/", "baseUrl": "https://192.168.1.161/d

在执行 npm run build 命令打包后,如果出现 .woff 等字体文件找不到的情况 通过设置 vue-style-loader 打包前缀路径解决

touch -t 201711211615.47 starttouch -t 201711211617.47 end find ./* -newer start |xargs ls -al-rw-r--r-- 1 zengzhihao Panodic 0 Nov 21 16:16 ./3.c-rw-r--r-- 1 zengzhihao Panodic 0 Nov 21 16:18 ./6.c-rw-r--r-- 1 zengzhihao Panodic 0 Nov 21 16:17 ./end

采坑:之前线上的服务器内核是4.15.0,后面有的服务跑不起来,说是要升级内核,于是就升级了,然后改了/etc/default/grub的启动顺序,改错了就启动不起来了,哈哈.后面多次尝试还是改成功了,搞明白了GRUB_DEFAULT参数的意思了.这里就不赘述/etc/default/grub其他参数的意义了,网上一大把,我们这里只讨论GRUB_DEFAULT参数. 情况一: 1.如果你的启动项在开机界面第一页(就是第一个菜单界面),那么就很简单了,如果是第一项,那么GRUB_DEFAULT=0

最近在使用webpack + vue做个人娱乐项目时,发现npm run build后,css js img静态资源文件均找不到路径,报404错误...网上查找了一堆解决办法,总结如下 一.首先修改config目录下的index.js文件 将其中build的配置项assetsPublicPath进行修改,改为 目的是将资源文件的引入路径,改为相对地址(相对index.html) 二.此时html中的js.css.img引入均没有问题,但是css中的background-image还是报404 此

首先声明这是基于vue2.x的 1. 将其中build的配置项assetsPublicPath进行修改,改为上图-->目的是将资源文件的引入路径,改为相对地址(相对index.html) 2.html中的js.css.img引入均没有问题, 但是css中的background-image还是报404 此时的问题原因是,使用了相对地址后,在css进行引入的图片路径,其相对的是css文件的路径 此时的修改方法是,修改build文件夹中的utils.js文件,增加一行代码搞定

创建vue项目 在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛. vue本地引用 在官网下载vue.js,通过script标签引入.开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.90KB min+gzip注意

vi编辑器简介 什么是vi vi编辑器的操作模式 vi编辑器的3种基本模式 在vi编辑器中光标的移动 移动光标位置的键与光标移动间的关系 进入插入模式 从命令行模式进入插入模式的命令 在命令行模式下删除与复制的操作 删除与复制命令 粘贴命令 复原和重做命令 扩展模式与文件的存储和退出 扩展模式下常用的命令 快速移动光标在文件中的位置 快速移动光标在屏幕中的位置 课后作业 [本节内容]1. vi编辑器简介(详见linux系统管理P252)1) 掌握vi的定义:vi是一个UNIX和Linux系统内嵌

vi编辑器简介  什么是vi vi编辑器的操作模式 vi编辑器的3种基本模式 在vi编辑器中光标的移动 移动光标位置的键与光标移动间的关系 进入插入模式 从命令行模式进入插入模式的命令 在命令行模式下删除与复制的操作 删除与复制命令 粘贴命令 复原和重做命令 扩展模式与文件的存储和退出 扩展模式下常用的命令 快速移动光标在文件中的位置 快速移动光标在屏幕中的位置 课后作业 [本节内容]1. vi编辑器简介(详见linux系统管理P252)1) 掌握vi的定义:vi是一个UNIX和Linux系统内

tomcat 对 vue的history默认支持 tomcat 开启步骤 1.build文件放入webapps目录 2.进入conf目录修改server.xml端口号改成8088 3.进入bin目录运行startup.bat 4.浏览器 localhost:8088/workName 访问即可

Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1,运行  cnpm run build  开始打包 2,会在项目目录下自动创建dist目录,打包好的文件都在其中 解决办法:     去src/config/index.js中改一个参数: productionSourceMap:false 把这个改为false.不然在最终打包的文件中会出现一些map文件,map文件的作用在于:项目打包后,代码

Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1.运行  cnpm run build  开始打包 2.会在项目目录下自动创建dist目录,打包好的文件都在其中 解决办法:去src/config/index.js中改一个参数: productionSourceMap:false 把这个改为false.不然在最终打包的文件中会出现一些map文件,map文件的作用在于:项目打包后,代码都是经过压

在我们做完vue项目后,只需要执行 npm run dist 就可以轻松进行打包转测试,可是如果我们临时需要修改一些配置文件比如域名,这时候我们就有点懵逼了,那就修改了再重新打一次包? NO NO NO,让我们一起来探索如何解决这个问题吧. 首先我们需要借助一个插件 generate-asset-webpack-plugin npm install generate-asset-webpack-plugin --save-dev 其次在build文件夹下建立一个generate-asset.co

注:本文来源于:杨四郎2018  <maven的安装.路径配置.修改库文件路径和eclipse中的配置.创建maven工程> 一.maven的安装 首先,先到官网去下载maven.这里是官网的地址:http://maven.apache.org/download.cgi  请选择最新的版本下载: 解压apache-maven-3.3.9-bin.zip到自己的文件夹下,解压后路径如:D:\Program\apache-maven-3.3.9. 二.路径配置 右键"计算机",

在新版本的Vue开发中,通过vue-cli创建的build文件夹下面已经没有了旧版本中的dev-server.js文件新版本的vue已将dev-server.js与webpack.dev.conf.js合并,若要写路由相关配置需要找到webpack.dev.conf.js中的devServer对象进行相关配置 在dev-server.js文件中,主要做了以下几项配置 检查npm与node的版本 引入相关插件和配置 创建express服务器和webpack编译器 配置开发中间件(webpack-d

1. 首先明确一点  在书写之前尽量保持相关的文件知道含义 比如 components 啥的 知道是要放什么东西 在这里介绍一下   由于 vue 不是系统学习 所以很多的创建方式可能不一样  就是有的可能是创建在h5里面的然后引入vue的东西 在这是直接创建.vue的文件 在src里面创建相应的文件夹进行存放 2.路由配置           首先在页面打开时候都是进入的 APP.vue (PS 我是初学 是这么理解的 有错请见谅) 这是最大的应该 意思就是说 在显示里面都是直接从这走的  要

在CSDN论坛看到这么一个问题:如何为第三方工具加上使用限制次数?问题的答案很简单,重新做一个应用程序,将第三方程序打包进这个应用程序,启动应用程序时可以检查第三方工具的使用次数,检查通过,可运行第三方工具.至于如果检查使用次数,答案也是五花八门,写注册表.写配置文件.读取硬盘.网卡信息等,都是常规做法.我也思考了下,还可以这样: 也是重写应用程序,但将使用次数写入到应用程序文件里面,每使用一次,就更新一下应用程序文件里的计数. 这种方案想来有几个问题:1.如果运行应用程序前做了备份,则每当使用

build文件夹下 build.js 'use strict' // js的严格模式 require('./check-versions')() // node和npm的版本检查 process.env.NODE_ENV = 'production' // 设置环境变量为生产环境 // 导进各模块 const ora = require('ora') // loading模块 const rm = require('rimraf') const path = require('path') co

创建时间是文件存入到电脑中的时间,而修改时间则是改变起内容的最后时间 // 读取文件的创建.修改.访问时间FileInfo fi = new FileInfo("C://test.txt");Console.WriteLine(fi.CreationTime.ToString());Console.WriteLine(fi.LastWriteTime.ToString());Console.WriteLine(fi.LastAccessTime.ToString()); // 改变(设

MainWindow.xaml文件 <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="

Centos7修改profile文件后导致vi command not find,原因是profile文件没有配置正确,系统就无法找到精确命令了.解决方法: 1.在命令行中输入:export PATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bin  这样可以保证命令行命令暂时可以使用.命令执行完之后先不要关闭终端,修正profile文件. 2.保存profile,执行source ~/.etc/profile,是profile生效,然后测试下vi命令,