第1步：安装cross-envnpm 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:...
在上级我们搭建完成了vue的多页面入口，但是在实际开发中，还是有很多现实需求，例如开发环境和生产环境的区分。实际上Vue-cil已经帮我们初步设置好了两种环境，我们只需要在其基础上稍作修改需求： 生产环境全部静态资源全部使用固定的cdn。首先找到项目下的/config/dev.env.js /config/prod.env.js这两个文件就是针对生产环境和发布环境设置不同参数的文件我们在dev.env.js中加上开发环境的路径值一定要加上双引号，否则会被webp...
1.跨域config/index.js 主配置文件中 dev 属性下 proxyTable 配置代理信息：proxyTable: {‘/api‘: { // 匹配所有以 ‘/api‘开头的请求路径target: ‘http://localhost:4000‘, // 代理目标的基础路径 //表示允许跨域请求 4000端口下的数据changeOrigin: true, // 支持跨域pathRewrite: { // 重写路径: 去掉路径中开头的‘/api‘‘^/api‘: ‘‘}}}, //代理设置 原文：https://www.cnblogs.com/Hijacku/p/14813011.html
在vue-cli3.0的脚手架中，创建了项目之后，很多配置都是都是已经生成了的，比如入口文件entry，和 output 等等都是已经设置好的，如果想要改动的话，我们需要添加 vue.config.js 去修改，在这里边官方提供了 publicPath 用来设置打包之后我们引入文件的路径，这里不支持相对路径，只能设置成觉得的路径，比如我们设置 publicPath: ‘/demo‘；那么我们打包之后的文件在 index.html 中去加载 css 的时候就是 link=‘/demo/css‘；还...
state:所有组件的所有状态和数据 放入同一个内存空间去管理 我们把它称为state Vue Components：state里面的数据可以方便的映射到组件上 然后渲染组件 Actions：当组件的数据发生变化的时候 它可以通过Dispatch一个Actions 然后Actions可以做一些异步操作 比如与后端的一些交互 然后它可以取commit一个mutations 注意：我们也可以在组件中直接commit一个mutations Mutations：是唯一可以修改State的途径 其他任何方式修改都是不...
1. 编辑C:\Windows\System32\drivers\etc文件夹中的hosts文件，在末尾添加127.0.0.1 www.local.com（你的自定义域名） 注意：如果该文件夹没有hosts文件，看看查看 - 隐藏的项目打勾是否显示hosts，如果还没有则打开cmd命令输入：for /f %P in (‘dir %windir%\WinSxS\hosts /b /s‘) do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P，即可打开hosts，自己重新创建一个hosts复制到该文件夹下即可 2. 在config/in...
网页开发过程中，尤其是在表单开发过程中，不可避免的会有各种各样的基础数据需要展示，供用户使用。例如，大家在办理信用卡时，经常需要填写各种表单数据，其中：性别（男、女）、学历（高中及以下、大专、本科、研究生及以上）、状态（启用、停用）等等，均属此类。日常软件开发过程中，通常习惯称之为配置项。在系统中配置后，提供相应的接口，方便在多个表单页重复使用。 网页或APP中初始化配置项，通常的做法是在页面初始化的...
使用axios首先要下载axios模块包npm install axios --save其次需要在使用的文件中引入import axios from ‘axios‘一、调用axios常见两种方法(此处使用easy-mock模拟数据接口)：//方法1axios({method: ‘post‘,url:‘http://easy-mock.com/mock/596077559adc231f357bcdfb/axios/test-post-axios‘}).then((response)=>{console.log(response.data)}).catch((error)=>{console.log(error)})//方法2axios.post(‘http://easy-mock.c...
一、跨域：简单来说：如果前端向后端请求数据，前后端的的ip和端口都是不一致的，就是不在统一域名下，就出现了CORS跨域问题。二、后台处理跨域在django后台环境目录下安装插件：>: pip install django-cors-headers插件参考地址：https://github.com/ottoyiu/django-cors-headers/在django里的settings.py进行项目配置# 注册app INSTALLED_APPS = [...'corsheaders' ]# 添加中间件 MIDDLEWARE = [...'corsheaders.middleware.Cors...
背景vue项目如何请求后端api？vue-cli脚手架生成的webpack标准模板项目HTTP库使用axios一、开发环境跨域与API接口服务通信整体思路：开发环境API接口请求baseURL为本地http://localhost:8080为本地请求配置代理，代理目标服务器设置为接口服务所在地址或域名具体步骤如下：1、config/dev.env.js文件中配置baseURLmodule.exports = merge(prodEnv, {NODE_ENV: ‘"development"‘,BASE_API: ‘"http://localhost:8080"‘ //配置为本地...
1、安装cross-env （cross-env能跨平台地设置及使用环境变量）cnpm/npm i cross-env -D2、新建模板 红色的为相关文件3、配置各个文件（1）config下面的index.js‘use strict‘ // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require(‘path‘)module.exports = {dev: {// PathsassetsSubDirectory: ‘static‘,assetsPublicPath: ‘/‘,proxyTable: {‘/api‘: ...
Install 是不可少的事情1 npm install --save-dev babel-core babel-preset-es20151 npm install --save-dev babel-loader配置 .babelrc1{ 2 "presets": ["es2015"] 3 }详细可看npm原文：http://www.cnblogs.com/hasubasora/p/7081894.html
在使用Vue开发的过程中，通常会用到一些样式的全局变量，如果在每个组件中引入就太繁琐了，维护性也不好，因此全局引入是个不错的想法。下面以less为例，记录一下全局引入less变量的步骤：1、首先安装依赖在项目根目录的命令行工具里，执行以下命令。1npm i style-resources-loader vue-cli-plugin-style-resources-loader -D2、配置vue.config.js文件123456pluginOptions: { ‘style-resources-loader‘: { preProces...
vue create vuedemo 你会被提示选取一个preset。你可以选默认的包含了基本的Babel+ESLint设置的preset，也可以选手动选择特性来选取需要的特性。Babel : 将ES6编译成ES5 TypeScript: javascript类型的超集 Progressive Web App (PWA) Support: 支持渐进式的网页应用程序 Router:vue-router Vuex: 状态管理 CSS Pre-processors: CSS预处理 Linter / Formatter: 开发规范 Unit Testing: 单元测试 E2E Testing: 端到端测试ESLint + St...
2019-6-2 10:06:55我咋配置 Nginx就是不能访问vue也许里面还是有错误也许是vue里面东西有改动把等学会完vue理解完 也许就会配置啦!就好比自己的bbs项目!......又发现自己的知识不足!放上一些踩过的坑(没人知道就是有好多的坑 也许是这些坑可以让你更好的成长!!!!) 越努力,越幸运!永远不要高估自己!现在开始准备四级然后 项目就是用本地luffy项目 做点好玩的东西吧!我觉得要是面试的话 有个luffy项目 还是很吊的 顺便把luffy项目弄...