在 vue-cli 3.x 创建的项目中启用反向代理

作者：V君 发布于：2018-8-26 21:50 Sunday 分类：折腾手记

TL；DR

1）在项目根目录创建 vue.config.js

2）在文件中指定配置 module.exports -> devServer -> proxy

3）按需增加详细参数 如重写

这次能扯的东西并不多。

主要把时间浪费在咕狗上。什么都不了解就直接搜“vue-cli 反向代理”

粗心大意地忘了加上版本号，首先找到的是在config文件夹创建index.js的方法，没起作用。

后来加上版本号去搜索就发现了vue.config.js，再作为关键字就搜索到了官方文档。

从目录一眼扫下来就发现了遍地文章提到的devServer配置节。

顺便贴一下本次练习中生效的作为参考：

module.exports = { devServer: { port: 8084, proxy: { '/api': { target: 'http://localhost:7808/', changeOrigin: true, pathRewrite: { '^/api': '' }, } } } }

服务端路由为 /md 在前端配置成 /api/md。 

或许把前后端路径一致然后去掉pathRewrite参数比较好。



标签: 软件开发 Web技术 VUE 前端工程

评论(1) 引用(0) 浏览(1998)

上手VUE前端构建

作者：V君 发布于：2018-8-25 21:46 Saturday 分类：折腾手记

TL；DR

1）到官方网站，下载稳定版本的node安装，选择加到环境变量，然后配置淘宝NPM镜像。

2）参考官方网站安装vue-cli。

3）使用vue-cli创建项目，然后在VsCode编辑代码。


作为刚入门前端新手会扯得很细，不介意的话可以点进来看看

阅读全文>>

标签: 软件开发 Web技术 VUE 前端工程

评论(0) 引用(0) 浏览(903)

高德WEB地图的坑: 首个标注在创建后无法立即获取DOM

作者：V君 发布于：2018-3-27 12:10 Tuesday 分类：挖坑经验

TL;DR 

创建地图实例之后不管三七二十一先创建一个不可见的标注.

自从第二个标注开始你就能顺利在创建之后立即拿到DOM了.

 

不扯了, 已经被折磨到不要不要才摸清套路.

标签: 软件开发 javascript Web技术 GIS

评论(0) 引用(0) 浏览(1086)

JavaScript的__proto__和prototype差别之我见——从C#的角度看JS

作者：V君 发布于：2018-1-9 9:25 Tuesday 分类：挖坑经验

对于交互稍加复杂的页面, 交互实现就要作成组件了, 要写 JS 类了.

尽管咱整天口口声声说 JS 太灵(dan)活(teng), 但还是要去用, 还得用得爽起来.

真是口嫌体正直, 嘴上说不要但行动却挺老实的 乂目. (´∀((☆ミつ (～￣▽￣)～


说到 JS 类, 那就跑不掉和原型打交道, 于是又一次狠补这方面的姿势.

放狗出去找了些参考( 一·二·三 ), 不过都比较抽象. 有些难以理解.


直到今天一早醒来, 被窝赖床时.


发现从我大井的角度观察 JS , 其实也挺好理解的.

如果把函数类定义比作我大井里面的类,new 出来的东西比作实例. (根本不用类比吧 (´∀((☆ミ


下面的就必须是类比了:

假如想获取类定义, 在我大井里面有 typeof(类名) 和实例的 GetType().

那么, 直接在 JS 的函数定义上点出 prototype 就像我大井里面的 typeof(类名)

JS 的 实例点出 __proto__ 就是我大井里的实例 GetType().

从原型链继承来看, 用我大井的类比并不完全正确, 这次咱只从类定义和实例看.


毕.


标签: 软件开发 javascript Web技术

评论(0) 引用(0) 浏览(951)

[成功]在element-ui表单选择器组件实现鼠标移入自动展开

作者：V君 发布于：2017-12-20 16:22 Wednesday 分类：挖坑经验

前些天一直在做服务器后端, 最近才开始实现界面, 

自从被猫同事推荐了基于 VUE 的 element-ui 之后发现: 原来这样开发前端也挺舒服的.

只是 element-ui 的实现细节仍然不到位, 比如选择器或级联下拉不支持鼠标移入就自动展开.

官方 hub 上的 issues(4676,4682) 貌似也没人理,于是自己补了一下刀.

像这样:

代码写得有点啰嗦,就不直接显示在条目列表了,进来看

阅读全文>>

标签: javascript Web技术 VUE

评论(0) 引用(0) 浏览(2784)

Powered by emlog 去你妹的备案 sitemap