在正常的开发中,通常我们需要在线上的测试环境中运行代码来检查是否有些线上才会出现的bug或者是问题.每次去特意的修改我们的baseUrl显然是不现实的,而且说不定哪天忘记了估计会被大佬喷死 首先,这是我们需要动的目录结构: VUE2的脚手架已经为我们配置好了开发环境和生产环境,其实测试环境基本上与生产环境并不会相差太远.这就意味着我们可以使用CV大法来完成绝大多数的部分. 第一步,创建我们的test.env.js(这个名字其实起什么都可以,这样写只是为了以后方便维护) 创建完成后,复制build

vue/cli2.0 脚手架 在项目写完了之后, 运行npm run build --report可以看出这个项目的资源占比情况.可以看出整个项目哪一个资源在整个项目占比最大.它会自动打开一个可视化的页面,看看你的哪一个资源占比最大 其中monent.js这个库占比还是比较大的.使用(date-fns)一个较小的项目库来代替它. https://blog.csdn.net/qq_36742720/article/details/83719615date-fns较moment相比,更为轻量化,在实

第一步,分别设置不同的接口地址 首先,我们分别找到下面的文件: /config/dev.env.js /config/prod.env.js 其实,这两个文件就是针对生产环境和发布环境设置不同参数的文件.我们打开dev.en.js文件.代码如下: var merge = require('webpack-merge') var prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"develop

在了解iptables的详细原理之前,我们先来看下如何使用iptables,以终为始,有可能会让你对iptables了解更深 所以接下来我们以配置一个生产环境下的iptables为例来讲讲它的常用命令 第一步:清空当前的所有规则和计数 iptables -F #清空所有的防火墙规则 iptables -X #删除用户自定义的空链 iptables -Z #清空计数 第二步:配置允许ssh端口连接 iptables -A INPUT -s -p tcp --dport -j ACCEPT #22为

vue跨域问题解决(使用webpack打包的) 配置代理:(config下index.js文件) module.exports = { dev: { env: require('./dev.env'), autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', //在dev中添加下面的块 proxyTable: { '/api': { // target: 'http://47.100.34.99',

默认的Debug配置 在入口文件web/index.php中 defined('YII_DEBUG') or define('YII_DEBUG', true);defined('YII_ENV') or define('YII_ENV', 'dev'); 以上是测试环境配置,所有的异常会直接显示在页面 正式的生产环境配置 defined('YII_DEBUG') or define('YII_DEBUG', false);defined('YII_ENV') or define('YII_EN

vue 2.0 配置 rem 首先先安装postcss-px2rem   (百度可以) https://www.jianshu.com/p/e6476bbc2131 npm install postcss-px2rem 找到文件 build / vue-loader.config.js  添加 const px2rem = require('postcss-px2rem') postcss: function() { return [px2rem({remUnit: 75})]; } 在inde

第一步:设置不同的接口地址 找到文件:/config/dev.env.js 代码修改为: var merge = require('webpack-merge') var prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', //添加 API_ROOT: '"//192.168.1.8/api"' }) /config/prod.env

前言 在上一篇中,我们通过初步的认识,简单了解 Vue 生命周期的八个阶段,以及可以应用在之后的开发中,针对不同的阶段的钩子采取不同的操作,更好的实现我们的业务代码,处理更加复杂的业务逻辑. 而在这一篇中,我们将通过配置vue的开发环境以及搭建项目,进一步的学习vue在开发中的使用方式. 对于开发vue项目之前,我们需要进行vue环境配置,大致的将需要用到的工具进行归类总结如下:(可能还有其他的工具,或者配置方式,这里仅是个人开发中常用的工具) 运行环境 1.简单的说 Node.js 就是运行在

第一步:清空当前的所有规则和计数 iptables -F #清空所有的防火墙规则 iptables -X #删除用户自定义的空链 iptables -Z #清空计数 第二步:配置允许ssh端口连接 iptables -A INPUT -s 192.168.1.0/24 -p tcp --dport 22 -j ACCEPT #22为你的ssh端口, -s 192.168.1.0/24表示允许这个网段的机器来连接, 其它网段的ip地址是登陆不了你的机器的. -j ACCEPT表示接受这样的请求 第

一.起因:项目使用VUE,和react.构建单页面应用.在nginx的环境下只有一个index.html入口.这时候默认能够访问到vue,和react 路由 配置中的首页.内部连接也能够跳转但是不能给刷新也面.刷新页面后就为变为404页面. 二.原因:nginx 在解析路径的时候:比如: localhost/a     这个路由.其实nginx 在解析路径 时候.为去root根路径下去找a文件.但是找不到.所有就会报错. 但是在单页面应用中localhost/a 其实是 VUE, 和react

1,安装node.js Node.js官网:https://nodejs.org/en/ 进入Node.js官网,选择下载并安装Node.js.安装过程只需要点击“下一步”即可, 如下图,非常简单. 验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口. 输入node -v即可得到对应的Node.js版本. npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm.输入npm -v可得到npm的版本. 注意npm的

1. 前往ORACLE官网下载最新版本的Java JDK:http://www.oracle.com/technetwork/java/javase/downloads/index.html,默认下载到Downloads文件夹. 2. 在合适的路径下创建文件夹用来存储Java JDK,本例选择在/opt目录下新建JVM子文件夹. cd /usr/local #进入到local目录 sudo mkdir jvm #新建一个jvm文件夹 ls #显示成功添加的文件夹 cd jvm #进入到jvm文件

proxy: { '/service': { target: 'http://192.168.40.243:3000/', //对应自己的接口 changeOrigin: true, ws: true, }, // '/page':{ // target: 'http://192.168.0.167:9810', // changeOrigin: true, // ws:true // }, // '/table':{ // target: 'http://192.168.0.167:9810/

phonegap官网:  http://phonegap.com/ 第一部:安装nodejs 安装地址:http://nodejs.org/ 安装phoneGap 官网下载http://phonegap.com/install/ $ sudo npm install -g phonegap   这部安装可能慢些,耐心等待下 安装成功 usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js pho

安装nodejs和yarn的命令: curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash - sudo yum install yarn 安装pm2 yarn global add pm2 配置packag

monaco-editor 是微软出的一条开源web在线编辑器支持多种语言,代码高亮,代码提示等功能,与Visual Studio Code 功能几乎相同. 在项目中可能会用带代码编辑功能,或者展示代码.对于习惯使用vsCode的开发者来说使用monaco-editor是非常不错的选择. 安装依赖 cnpm install monaco-editor --save cnpm install monaco-editor-webpack-plugin --save-dev 修改webpack.bas

我们在本地写好代码,然后打包上线前需要修改相关的配置文件,否则项目无法正常运行,主要是路径不对,找不到相关文件. 1.修改config > index.js(如下图) 2.在build > utils.js里如下图的地方添加publicPath: "../../"即可. 修改好以上两点,就可以运行部署你打包好的项目了.

总结Vue 第四天:vue-cli(Vue2.0 新手入门 - 从环境搭建到发布) 一.Vue CLI----(Vue2.0 新手入门 - 从环境搭建到发布): ■   CLI是Command-Line Interface, 俗称脚手架. ■  使用Vue.js开发大型应用时,我们需要考虑代码目录结构.项目结构和部署.热加载.代码单元测试等事情.(vue 脚手架的作用) ■   vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.   1.Vue CLI使用前提 –Node.

webpack有一个DefinePlugin接口,可以实现根据开发与生产环境配置不同变量.范例如下: 需求:开发环境请求baseUrl = '':生产环境请求 baseUrl = 'http://localhost:8066' 实施: 1,webpack.dev.config.js: new webpack.DefinePlugin({ DEVELEPMENT: JSON.stringify(true), PRODUCTION: JSON.stringify(false), }) 2,webpa