VUE
VUE日常开发记录
林宏权
C++资深开发者
展开
-
go-admin-ui开源后台管理系统华为云部署
添加后端API接口地址如: http://xxx.xxx.xxx.xxx:8000。使用curl 127.0.0.1:9527成功访问网站。发布前记得修修改.env.productionk中的。添加网站配置文件go_admin_ui.conf。location 下的root指向网站文件夹。8.测试nginx配置与重启nginx服务器。添加与修改配置www-data 改为 www。1.华为云开通8000与9527端口。修改网站文件夹为www用户组。3.发布到远程服务器。6.查看服务启动状态。原创 2024-06-21 22:56:59 · 385 阅读 · 0 评论 -
vue-admin-templae源码分析
先验证用户名与密码合法性,然后再分发路由 user/login 跳转到路由表寻找对应的路由。node_modules为npm install 安装的nodejs依赖模块。build下index.js为工程发布dist工具。MOCK服务器处理登陆请求,并根据令牌取用户数据。vue.config.js为工程配置文件。通过POST方法请求MOCK服务器接口。mock为接口数据模拟服务器。public为静态资源。tests为单元测试目录。src不工程源码目录。原创 2023-05-31 16:52:24 · 673 阅读 · 0 评论 -
vue-admin-template后台管理模板在windows/linux/macos使用
【代码】vue-admin-template后台管理模板在windows/linux/maxos使用。原创 2023-05-31 11:53:52 · 142 阅读 · 0 评论 -
VUE-ELEMENT-ADMIN管理后台源码示例编译
nodejs版本>=17的: export NODE_OPTIONS=--openssl-legacy-provider && npm run dev 保存为run.sh脚本然后运行run.sh。nodejs版本低于17直接运行 : npm run dev。2.确认安装好NODE与NPM。原创 2023-05-15 22:35:29 · 250 阅读 · 0 评论 -
Nodejs Express 跨域访问
//开户跨域访问 app.all('*',function (req, res, next) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With '); res.header('Access-Control-Allow-M.原创 2021-04-19 22:36:40 · 379 阅读 · 0 评论 -
利用Chrome + DevTools + Postman + Node + inspect参数调试Express
1. 通过Node.exe --inspect bin/www启动要调试的js文件 bin/www为bin目录下的www.js文件,--inspect代表要启动调试功能 2.打开Chrome浏览器并在地址栏输入 chrome://inspect后回车,然后点击Open dedicated DevTools for Node打开调试窗口 调试器与连接后会显示Remote Target 与Node版本号与及等待调试文件与目录 打开调试窗口后,在Sources选项卡下可看到file:// ,..原创 2021-04-18 22:38:00 · 489 阅读 · 0 评论 -
vue创建组件并添加到路由
通过路由/say_hi访问组件 .vue组件由模板(template),脚本(script),样式(style)三部分组成 模板中存放HTML元素,样式标签下存放CSS样式 import SayHi from '@/components/SayHi' 引入组件 下面代码为组件分配路由 { path: '/say_hi', name: 'SayHi', component: SayHi } 在项目所在目录运行npm run dev 启动项目.原创 2021-04-05 11:38:51 · 596 阅读 · 0 评论 -
Vue与Webpack自动生成项目并运行
1.安装webpack npm install -g webpack 2.安装vue与vue-cli npm install -g vue vue-cli 然后创建项目 vue init webpack my_vue_project 项目创建完成 进入 my_vue_project目录并执行 npm run dev 运行项目 网站成功运行,访问地址:http://localhost:8080 测试访问 ...原创 2021-04-05 10:46:05 · 233 阅读 · 0 评论 -
Vue示例TodoMVC分析
1.UI分析 标题实现 输入框实现 底部实现 输入测试 回车后自动添加项 输入框回车事件处理 列表项视图实现 列表项目视图编辑实现 筛选功能实现 清除已完成功能实现 勾选已完成UI表示 2.脚本分析 。。。 ...原创 2021-04-05 00:19:46 · 225 阅读 · 0 评论