vue
文章平均质量分 57
vue项目学习
孙霸天
孙霸天,GIS、Java开发工程师。专注后台GIS开发、熟悉WebGIS开发、GIS大数据开发。
展开
-
Vue项目部署进阶-统一后台代理
在实际开发过程中,现在基本都是前后分离的模式,我们一个前台项目,后面可能会跟着多个后台服务,这样在不配置代理的情况下,我们需要对外暴露多个服务端口,这个在实际开发中并不方便,一是需要开放多个公网端口浪费资源,二是这些开放的端口可能受到攻击。为了解决这个问题,我们可以在项目中使用代理,其实就是node进行代理,这样我们访问后台就方便了,之前在项目中是使用完整的http地址,现在我可以直接**'/api'**这种形式去使用调用后台。...原创 2022-08-18 15:00:38 · 959 阅读 · 0 评论 -
vue-部署教程
vue部署项目结构使用NGINX部署vue-history模式router配置router的index.js文件// 路由相关import Vue from 'vue'import VueRouter from 'vue-router'import Login from "@/pages/login/login"Vue.use(VueRouter)const originalPush = VueRouter.prototype.push;VueRouter.prototype.原创 2022-03-03 14:07:47 · 2942 阅读 · 0 评论 -
vue-路由模式
vue路由模式vue有两种路由模式hash模式通过监听路由的变化实现,如下代码.路由中带着#,变化的也都是#后面的值window.onhashchange = function(event) { console.log(event.oldURL, event.newURL); let hash = loaction.hash //通过location对象来获取hash地址 console.log(hash) // "#/test" 从#号开始}尽管浏览器没有请原创 2022-03-03 14:07:09 · 613 阅读 · 0 评论 -
vue2.0项目详解
vue2.0(vue-cli)项目详解创建vue项目电脑系统为windows11,这里我使用WebStorm来创建项目,需要电脑安装node环境,node的版本为14.17.5,如下图所示这里我的项目还是vue.2.x版本创建步骤点击New Project创建项目选择Vue,js项目点击创建后,IDE会自动下载相关依赖,执行相关操作依赖下载完成后,如下图所示,会自动构建索引,方便方法的智能提示项目结构项目结构如下所示,如果没有vue.config.js,那就手动创建这个文件原创 2022-03-03 14:06:35 · 1709 阅读 · 0 评论 -
mac命令行创建vue-cli项目
安装node.js请自行前往 http://nodejs.cn/download 官网下载安装查看版本号node -vnpm -v安装淘宝镜像(下载加速)# 使用cnmp替代nmpnpm install -g cnpm --registry=https://registry.npm.taobao.org安装vue-cli(脚手架)#开放权限sudo chmod -R 777 /usr/local/lib/node_modules/# 卸载老版本的vue-clinpm unin原创 2022-03-03 14:05:44 · 668 阅读 · 0 评论 -
node创建项目
node创建项目安装本地镜像npm install -g cnpm --registry=https://registry.npm.taobao.org启动服务anywhereAnywhere是一个随启随用的静态服务器,它可以随时随地将你的当前目录变成一个静态文件服务器的根目录。安装# 全局安装npm install anywhere -g命令# 指定静态服务器的端口号anywhere -p 8000# 静默执行,不打开浏览器anywhere -s 常用命令# 查看n原创 2022-03-03 14:04:14 · 481 阅读 · 0 评论