Vue全家桶开发商城页面笔记2

配置淘宝镜像：npm config set registry https://registry.npm.taobao.org
配置完镜像之后验证是否成功：npm config get registry

前端跨域解决方案
CORS跨域

引入axios

import axios from 'axios'

mounted() {
	let url = "";
	axios.get(url).then(()=>{
	})
}

JSONP跨域

npm i jsonp --save-dev //安装jsonp插件
import axios from 'axios' //导入jsonp插件

mounted() {
	let url = "";
	jsonp(url,(err, res)=>{
	})
}

接口代理

新建一个vue.config.js

module.exports = {
    devServer: {
        host:'localhost',
        port: 8080,
        proxy: {
            '/api':{
                target: 'https://www.imooc.com',
                changeOrigin: true,
                pathRewrite:{
                    '/api': ''
                }
            }
        }
    }
}

mounted() {
    let url = "/api/activity/servicetime";
    jsonp(url,(err,res)=>{
      let result = res;
      this.data = result;
    })
  }

安装依赖

npm i vue-lazyload element-ui node-sass sass-loader vue-awesome-swiper vue-axios vue-cookie --save-dev

cookie,localStorage,sessionStorage区别

"files.associations": {
  "*.vue": "vue"
}