
VUE
VUE日常开发记录
自由软件开发者
C++资深开发者,订阅用户:如果评论留言不能及时回复,请Q我:296863766 注明为优快云
展开
-
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 · 419 阅读 · 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 · 705 阅读 · 0 评论 -
vue-admin-template后台管理模板在windows/linux/macos使用
【代码】vue-admin-template后台管理模板在windows/linux/maxos使用。原创 2023-05-31 11:53:52 · 163 阅读 · 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 · 277 阅读 · 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 · 401 阅读 · 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 · 526 阅读 · 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 · 621 阅读 · 0 评论 -
Vue与Webpack自动生成项目并运行
1.安装webpacknpm install -g webpack2.安装vue与vue-clinpm 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 · 255 阅读 · 0 评论 -
Vue示例TodoMVC分析
1.UI分析标题实现输入框实现底部实现输入测试回车后自动添加项输入框回车事件处理列表项视图实现列表项目视图编辑实现筛选功能实现清除已完成功能实现勾选已完成UI表示2.脚本分析。。。...原创 2021-04-05 00:19:46 · 246 阅读 · 0 评论