目录 回顾 上节课回顾 今日内容 1 前端全局样式和js配置 1.1 global.css 1.2 settings.js 1.3 main.js 2 后端主页模块接口 三种开发模式 模型父类BaseModel 轮播图模型类 代码 轮播图接口编写 视图类 序列化类 路由分发 自定义返回格式 二次封装ListModelMixin 录入数据 3 跨域问题详解,前后端打通 同源策略 DNS域名解析 跨域解决方案 cors跨域资源共享 - 后端解决跨域 第三方跨域中间件(最终解决方案) 自定义中间件 4…

Vue.config.productionTip = false; axios.defaults.baseURL = 'http://127.0.0.1:8003/';//后端开发环境地址 // axios.defaults.baseURL = 'http://172.18.31.16:8000/';//后端地址 axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';//配置请求头信息.…

目录 前台 vue环境 创建项目 重构项目目录 文件修订:目录中非配置文件的多余文件可以移除 App.vue router/index.js Home.vue 全局配置:全局样式.配置文件 global.css settings.js main.js 前台 vue环境 1.傻瓜式安装node: 官网下载:https://nodejs.org/zh-cn/ 2.安装cnpm: >: npm install -g cnpm --registry=https://registry.npm.taobao…

通过npm 安装 cnpm install --save-dev sass-loader cnpm install --save-dev node-sass 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } 上面那条配置可以省略,因为最新的vue-cli已经是默认配置好sass的(在build/util.js里),所以如果再在webpack里配置会重…

假如你想在VUE的main.js里根据条件按需引入注册组件以及样式,那就这样子写 举例来说我想要引入大屏的一些组件,但是原来框架已经集成了多个项目,路由也是按需加载的,想要实现组件按需加载 先在main.js旁边新建一个文件web3d.js import Vue from 'vue'; import dataV from '@jiaminghi/data-view'; Vue.use(dataV); // 按需引入vue-awesome图标 import Icon from 'vue-aweso…

grunt.initConfig方法 用于模块配置,它接受一个对象作为参数.该对象的成员与使用的同名模块一一对应. 每个目标的具体设置,需要参考该模板的文档.就cssmin来讲,minify目标的参数具体含义如下: expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名. cwd:需要处理的文件(input)所在的目录. src:表示需要处理的文件.如果采用数组形式,数组的每一项就是一个文件名,可以使用通配符. dest:表示处理后的文件名或所在目录. ext:…

/* * This is an example build file that demonstrates how to use the build system for * require.js. * * THIS BUILD FILE WILL NOT WORK. It is referencing paths that probably * do not exist on your machine. Just use it as a guide. * * */ ({ // app顶级目录,非…

首先大家要知道requirejs是干嘛用的,要解释,那就用一句话说下:RequireJS是一个JavaScript文件和模块加载器接下来我们开始学会配置使用requireJs,当然在学习使用的过程中也遇到了很多坑,不管是百度还是什么方法最终解决了,所以分享给大家,也方便下次使用时忘掉!1.首页看一下我自己建的项目目录结构,这对接下来配置requireJs有很大的作用 2.下载requireJs及requireJs-text.js,将requirejs引入html文件中 设置async="true…

1.下载vue-cli npm install vue-cli -g vue-cli的使用与详细介绍,可以到github上获取https://github.com/vuejs/vue-cli 2.安装webpack项目模版 vue init <template-name> <project-name> 比如: vue init webpack my-project   之后可以在当前目录下下载该模版,然后 npm install 安装所有的依赖包,可以得到如下的目录结构   3.目…

本文所用源代码已上传,需要的朋友自行下载:点我下载 第一步: 全局安装  npm install -g requirejs 第二步: 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, 2)实现并引用去空格工具类trim, 3)最后获取文本并去掉空格后输出, 4)打包js(将所有js文件打包成main.min.js) 1.下载require文件 require.js require主文件 r.js require优化器文件 官网地址:http://requirejs.org/doc…