1.安装node.js http://nodejs.cn/download/下载并安装 查看是否安装成功node -v
2.安装国内的淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3.以上完成后,安装vue-cli脚手架构建工具npm install --global vue-cli4.创建一个基于webpack模板项目 ,my-project为项目名.运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。vue init webpack ...
wind系统下需要安装node.js 和git1.安装npm因为淘宝镜像较快,所以可以使用淘宝镜像安装npmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装成功后可以查看npm版本 cnpm -v以后使用npm命令需要用cnpm替代npm2.安装 vue-clicnpm install -g vue-cli3.创建一个基于webpack模板的新项目vue init webpack myproject[myproject 是项目名称]4.在项目目录下安装依赖文件cnpm install5.运行npm run dev原文:http://ww...
1、环境配置安装VsCode安装包管理工具:直接下载 NodeJS 进行安装即可,NodeJS自带 Npm 包管理工具,下载地址:https://nodejs.org/en/download/
安装完成后在命令行执行以下命令查看npm包管理器版本npm -v
npm中文文档:https://www.npmjs.cn/配置淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org然后执行 cnpm -v 查看版本信息E:\视频\VUE>cnpm -v
cnpm@6.0.0 (C:\Users\Administrator\AppData\Roaming\...
为什么要配置不同的接口地址在开发过程中,前端请求访问的是自己本机启动的后台服务,此时涉及到跨域(因为端口不一样),所以在config/index.js文件中配置了代理
//检查某个文件是否存在
try {fs.statSync(path.join(__dirname, ../proxy/ + templatedir + .json))//如果可以执行到这里那么就表示存在了console.log(124)proxyTable = require(../proxy/ + templatedir + .json)
} catch (e) {//捕获异常
}
module.exports = {dev:...
centos7配置IP地址
Centos7中查看IP命令:IP addr
https://www.cnblogs.com/yhongji/p/9336247.html
1、安装jdk1.8rpm -ivh jdk-8u241-linux-x64.rpm/usr/java/jdk1.8.0_241-amd64vi /etc/profileexport JAVA_HOME=/usr/java/jdk1.8.0_241-amd64
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export PATH=$PATH:$JAVA_HOME/bin
export JAVA_HOME CLASSPATH PATHsource /etc/profilejava -version
2、装...
这次给大家带来怎样使用vue axios 给生产与发布环境配置接口地址,使用vue axios给生产与发布环境配置接口地址的注意事项有哪些,下面就是实战案例,一起来看一下。本项目是vue-cli搭建的项目框架,引入axios用于数据请求。配置不同的接口地址,(首先确保已经集成了axios,如对集成axios有疑问的道友,可参看我之间的一篇vue-cli 引入axios)操作如下一、设置不同的接口地址找到如下文件/config/dev.env.js/config/prod.env.js之后...
这次给大家带来vue axios生产环境与发布环境配置不同接口地址步骤详解,vue axios生产环境与发布环境配置不同接口的注意事项有哪些,下面就是实战案例,一起来看一下。本项目是vue-cli搭建的项目框架,引入axios用于数据请求。配置不同的接口地址,(首先确保已经集成了axios,如对集成axios有疑问的道友,可参看我之间的一篇vue-cli 引入axios)操作如下一、设置不同的接口地址找到如下文件/config/dev.env.js/config/prod.env.js...
这次给大家带来vue-cli操作Webpack环境配置,vue-cli操作Webpack环境配置的注意事项有哪些,下面就是实战案例,一起来看一下。Vue之所以现在如此之火热,一部分也得益于有官方的脚手架生成工具Vue-cli,大大简化了初学者环境搭建的成本,但是实际业务中我们往往需要实现其他的功能来对webpack进行改造,本文将会根据一些实际的业务需求,先学习vue-cli生成的模版,然后在进行相关修改。Vue-cli生成模版文件目录├── README.md
├─...
在新建好的项目中,一般执行npm run build就是打包了,但此时只能打包到一个环境,不同环境需要配置不同的地址,可以手动更改接口的地址,也可以自行配置命令而不需要每次打包进行地址切换,步骤如下: 文件结构如下图: 1)在config文件内新建test.env.js文件:
use strict
module.exports = {NODE_ENV: "testing",ENV_CONFIG:"test"
}2)修改config内的prod.env.js文件:
use strictmodule.exports = {NODE_ENV: "production",EN...
最近做的一个项目是配置了三个环境的:正式环境、测试环境和开发环境,下面以这个为例
第一步:安装cross-env
npm i --save-dev cross-env 或者在 package.json中加上"cross-env": "^5.0.1"进行安装依赖
package.json://这是我项目的目录第二步:修改各环境下的参数
在config/目录下添加test.env.js、develop.env.js。并且修改文件里的内容config/prod.env.jsconfig/develop.env.js第三步:更改build文件夹的东西
1.给build文件夹下...
本文要实现的是:使用vue-cli搭建的项目在开发时配置跨域,上线后不做任何任何修改,接口也可以访问
production:产品 生产环境
development:开发 开发环境
1.开发环境设置跨域使用工具:
vue-cli自带的配置配置目录 /config/index.js//自行复制黏贴
proxyTable: {/apis:{target: http://10.1.63.26:19080/, // 后台apichangeOrigin: true, //是否跨域// secure: true,pathRewrite: {^/apis: //需要rewrite的,}}
}注意:以上配置...
第1步:安装cross-env
npm i --save-dev cross-env
第2步:修改各环境下的参数
在config/目录下添加test.env.js、pre.env.js。
修改prod.env.js里的内容,修改后的内容如下:
use strict
module.exports = {NODE_ENV: "production",EVN_CONFIG:"prod",API_ROOT:"/apis/v1"
} 分别对test.env.js和pre.env.js文件内容进修修改,修改后的内容如下:
use strict
module.exports = {NODE_ENV: "testing",EVN_CONFIG:"test",API_ROOT:"/...
大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了
npm run serve //默认本地开发环境
npm run serve -sit //本地开发中使用sit环境
npm run serve -uat //本地开发中使用uat环境
npm run build //默认打包后使用生产环境
npm run build -local //打包后使用本地环境
npm run build -sit //打包后使用...
概述
在使用Django+Vue开发过程中,遇到了很多开发环境相关的问题,比如跨域,比如ajax请求参数等,本篇文章主要记录解决在开发过程中,遇到的一些问题。
跨域不带Cookie在使用Vue脚手架开发的过程中,会使用Vue脚手架自带的Server进行项目调试,Vue自带的Server支持 hot reloading ,这个特性是非常好用的。但是在开发过程中,因为要与后端交互,所以在请求后端接口的时候,会遇到跨域问题,这个问题在一些职责划分清楚的团队并不...
本项目是vue-cli搭建的项目框架,引入axios用于数据请求。配置不同的接口地址,(首先确保已经集成了axios,如对集成axios有疑问的道友,可参看我之间的一篇vue-cli 引入axios)操作如下
一、设置不同的接口地址
找到如下文件
/config/dev.env.js
/config/prod.env.js
之后增加接口地址域名配置,增加后的文件内容如下二、在自己重新封装的axios文件中(api/api.js),将配置好的接口地址作为baseURL拼接到接口路径中详细的api.js文...