分类: Vue.js学习

6 篇文章

Vue项目部署到服务器
一、打包项目 在vue.config.js中,插入publicPath字段: PublicPath Type: stringDefault: '/'默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用被部署在一个子路径上,你就需要用这个选…
Vue项目打包优化
一、安装打包分析插件 1. 在项目中输入一下代码,安装webpack-bundle-analyzer打包分析插件 # NPM npm install --save-dev webpack-bundle-analyzer # Yarn yarn add -D webpack-bundle-analyzer 2. 在vue.config.js(没有则创…
Vuex介绍及简单使用
一、Vuex是什么 Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 二、安装 在项目根目录下执行命令: npm install vuex --save 修改main.js文件,导入Vuex,关键代码如下: import Vuex from 'vu…
Axios使用
一、axios是什么? axios 是功能强大的网络请求库,基于promise的http库,可以发送get、post请求,也是Vue,React的出现促使axios轻量级库的出现。 二、在项目中安装axios库 打开项目目录,在终端中输入 npm install axios -S 之后等待安装完成即可 三、GET请求 请求模板 import axi…
Vue.js学习笔记(解决跨域问题)
问题描述 使用Vue.js框架开发时,需要调用到后端接口,由于前端程序需要占用一个端口,后端程序需要占用一个端口,跨域问题必然存在,所以在前端调用后端API时便会提示No ‘Access-Control-Allow-Origin’ headeris present on the requested&…
Vue.js学习笔记(安装篇)
什么是Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱…