import axios from "axios"; import qs from "qs"; import { Message } from "element-ui"; import router from "../router";const Axios = axios.create({baseURL: "/", // 因为我本地做了反向代理timeout: 10000,responseType: "json",withCredentials: true, // 是否允许带cookie这些 headers: {"Content-Type": "application/x-www-form-urlencoded;charset=utf-8"} });//POST传参序列化(添加请求拦截器)Axios.interceptors.r...
基于Typescript的Vue项目配置国际化简介使用vue-i18n插件对基于Typescript的vue项目配置国际化，切换多种语言, 配合element-ui或者其他UI库本文以配置中英文两种语言为例安装安装国际化插件vue-i18nnpm i vue-i18n --save 添加locales文件在根目录下(src/)下新建目录 i18n/ 在src/i18n/目录下新建en.json文件，对应英文{"lang": {"login": "login"} } 在src/i18n/目录下新建zh.json文件，对应中文{"lang": {"login": "登录"} } 配置...
有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，有点烦人了。我们可以在创建工程的时候选择不要安装eslint。就是在安装工程的时候，出现【Use ESLint to lint your code?】时选择【No】即可。如果你已经安装过了，我们可以直接关闭它。关闭eslint的方法：1.项目根目录 ---> build ---> webpack.base.conf.js 注释掉如下的代码 2.重启编辑器，再运行npm ru...
一、IDE的选择： VsCode和WebStorm都是不错的选择，两者运行调试都非常的方便都可以使用快捷键运行和停止，就打开项目的速度和对电脑配置的要求来说，vscode要比webstorm要出色很多，如果电脑配置足够好的情况下请忽略前面说的性能问题，具体的使用要看个人的需求和爱好了。 1.先说VsCode的配置： 首先是要装VsCode的扩展插件，点击左上角最后一个图标，在搜索里面输入JavaScript (ES6) snippets/NPM/Vue 2 Snippets； ...
001、在package.json文件中添加"scripts": {"serve": "vue-cli-service serve", //调用开发api"build": "vue-cli-service build", //上线"test": "vue-cli-service build --mode test",//需要添加的内容，测试 },002、在根目录下创建.env文件，并配置NODE_ENV = ‘production‘ VUE_APP_FLAG = ‘pro‘ //vue代码可以直接使用VUE_APP_名字003、在根目录下创建.env.test文件NODE_ENV = ‘production‘ VUE_APP_FLAG = ‘test‘ outp...
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 ...
借鉴博客：https://www.jianshu.com/p/6307c568832d/https://www.cnblogs.com/KenFine/p/10850386.html 项目创建好后，如下：(注意：vue3.0以后创建的目录没有config文件夹了) ==========下面来配置一下路由vue-router=====================1、安装命令：$ cnpm i vue-router -S 2、初始化一下，在项目中使用路由： 2.1、在项目的src目录下，新建一个router目录，在新建的router目录下新建一个index.js文件，如下： ...
打开router文件下的index.js文件之后访问http://localhost:8080/#/index就可以了访问成功~ 原文：https://www.cnblogs.com/zrn-php/p/10400005.html
1.不带参数的路由配置 及 跳转//路由配置：{name: "a",path: "/a",component: a} 页面跳转：this.$router.push(‘/a‘); this.$router.push({path:‘/a‘});this.$router.push({name:‘a‘}) 2.带参数的路由配置及页面跳转 和 接收参数//路由配置：{name: "a",path: "/a/:userid",component: a}//页面跳转：this.$router.push({name:‘a‘,params:{userid:123}}); 接收: this.$route.params.useridthis.$router.push({path:‘/...
1、今天是这个问题打开搜索的项目页面报错超时错误最后在axios.js发现下面两行都注释了还是报错axios.defaults.timeout = 30000axios.defaults.headers.presetProperties = {} 后来差了各种资料估计请求没发出去代理问题provisional headers are shown最后定位代理失败，配置文件的也对，后来根目录下发现文件并没有改变，跟目录下，结果在src下也有vue.config.js，估计按快捷键保存的改的也是这个文件proxy（vue-cli 3版本的）pr...
现象：在浏览器中直接访问www.test.com/api1/login会404。但如果你先访问www.test.com后再点“登录" 跳转到www.test.com/api1/login是正常显示。f5刷新又会出现 404了这是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如：react、vue等。单页面简单来说就是访问所有资源路径、其实页面内容只有一个（一般是index.html）。这个页面中引入的js框架会根据当前访问的url去路由到相应的子页面组件（可以理解为页面片段...
搭建vue环境之后，会生成一个文件夹，如图一级文件夹：1.build：主要是用来配置构建项目以及webpack2.config:项目开发配置3.node_modules ：npm或者cnpm或者yarm所下载的依赖包。4.src:你的源代码5.static:静态文件夹6test：测试，一般可以删掉。index.html ：最外层的页面一般title等都设置在这里。 package.json ：存放你要依赖包的json数据。assets：存放资源文件，例如css、js、image公共文件components：存放公共组件，例如...
1.下载Node.js下载地址：https://nodejs.org/en/2.下载好后点击安装。 3.安装完成后在控制台输入：node -v，查看node版本。4.Node自带了NPM了，在控制台输入：npm -v查看。 5.更改默认的全局目录，默认全局目录是C:\Users\Administrator\AppData\Roaming\npm\node_modules。5.1设置缓存和全局文件路径配置。（如果命名设置不好用，重启电脑，最终办法更修改.npmrc文件，在.npmrc文件加上cache "F:\server\tools\nodejs\node_cache...
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...
一、配置src别名cli2中build->webpack.base.config.jsresolve:{extensions:[‘.js‘,‘.vue‘,‘.json‘],alias:{‘vue$‘:‘vue/dist/vue.esm.js‘,‘@‘: resolve(‘src‘)} } cli3~cli4中vue.config.js// 引入path模块 import { join } from ‘path‘ function resolve (dir) {// path.join(__dirname)设置绝对路径return join(__dirname, dir) } export function chainWebpack (config) {config.resolve.alias.set(‘@‘, reso...