![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
cici_cmh
活到老,学到老
展开
-
vscode 配置调试环境(内部调试+远程调试)
vscode 开发vue时,以前为了懒,直接利用浏览器的F12来进行调试,但每次找代码的具体位置比较繁琐,还是要遵循标准的调试方式。 1、首先安装vscode的扩展控件Debugger for Chrome2、配置调试参数 在vscode左侧的目录树中打开调试窗口,在打开的窗口中点击 小齿轮样式的设置 按钮,然后选择chrome, 然后选择要调试的项目,我这里选择hy3d,VSCode将会在工作区hy3d根目录生成.vscode目录,里面会有一个l...原创 2020-05-09 17:36:04 · 4201 阅读 · 0 评论 -
vue 发布到正式环境跨域配置(及部署后无法通过路由访问问题)
vue在本地跨域通过配置proxy没有问题,但是发布到正式环境后仍然存在跨域问题,只有通过跨域1、在vue.config.js文件中devServer下的proxy子节点添加正式环境跨域参数,这里在正式环境的跨域为api3s2、配置正式环境参数2.1 配置基于axios的请求跨域,新建axois的基础配置文件https.js,配置axios的默认url ,这样在正式环境,a...原创 2020-04-07 17:38:43 · 4507 阅读 · 0 评论 -
vue-cli3 调用jsonp
因为项目是对旧项目的重构,旧项目有用到jsonp格式,直接用axios调用会出现null字符串,而且返回的格式也不是json形式所以需要增加对jsonp的使用,具体如下:1、添加jsonp依赖npmijsonp--save-dev2、在页面中引用jsonpimport jsonp from "jsonp";3、在页面中使用用jsonp ...原创 2019-08-07 11:44:25 · 2079 阅读 · 0 评论 -
vscode 配置svn插件
1、首先要在桌面端安装svn的客户端TortoiseSVN,注意在安装的时候要选择Command line tools,否则,在vscode中安装后会报错“SVN not found”2、如果已经安装了客户端还是报Command line tools错误,说明在安装的时候没有选择Command line tools(默认是不红色的叉叉,代表不安装Command line tools),这时...原创 2019-08-02 10:03:33 · 82998 阅读 · 13 评论 -
vue 添加变量(非全局)
之前有说过vue 添加全局变量和全局函数,但有时并不需要在全局中用到,有时某个vue组件需要用到某个局部变量针对这种情况,可以将变量放在一个js文件中,如focused.js文件const focused = 1;const S = "dd"export { focused, S}在页面中有两种方式调用方式1:import { focused,S ...原创 2019-07-25 15:57:30 · 576 阅读 · 0 评论 -
vue 添加路径别名
在vue-cli项目中的的配置文件vue.config.js中添加路径引用别名1、引入路径const path = require('path')2、添加函数function resolve(dir) { return path.join(__dirname, dir)}3、添加别名 resolve: { alias: { ...原创 2019-07-17 13:37:45 · 1095 阅读 · 0 评论 -
vue-cli3 用路由配置多页面
之前有写过用vue.config.js中的pages节点配置多页,但是这样,每个页面都要有一个入口文件和入口vue(如app.js 和app.vue),对于多个同样的项目,尤其是要利用到共同的通用配置,其实只需要写一个入口文件,入口vue,每个页面个性化写自己的页面,可以充分做到既通用又模块化1、在src目录下新建router文件夹,文件夹下新建index.js,index.js中写每个页...原创 2019-07-18 15:54:31 · 7346 阅读 · 0 评论 -
关于vue-cli3 走过的坑
1、在vue-cli3中静态资源目录为public,而不是static,所以如果静态资源,可以放在public中 比如map.html 放在public下,运行npm run serve 后用http://localhost:8004/map.html可以访问得到,反之,放在static下则访问不到2、组件中调用方法奥,为了更好的组织,将方法放进某个文件然后暴露出来,供组件调用,不...原创 2019-07-18 13:49:11 · 281 阅读 · 0 评论 -
vue 配置jquery
1、安装jquery 依赖npminstalljquery–S2、在配置文件vue.config.js中添加jquery 配置在文件头部 添加定义const webpack = require('webpack')在配置中添加引用configureWebpack: {plugins: [new webpack.ProvidePlugin({jQuery: ...原创 2019-07-15 15:12:12 · 1834 阅读 · 0 评论 -
vue 引入iconfont自定义图标
1、在阿里的iconfont 页面(https://www.iconfont.cn)注册账号,新建项目,添加感兴趣的图标到自己新建的项目,修改图标的类名,下载项目到本地,解压2、在asset下的lib目录下新建iconfont目录,将步骤1中的文件拷贝到这个目录3、修改iconfont.css文件,修改引用文件的目录结构,主要是添加头部及修改默认的iconfont类的样式(下次下载...原创 2019-07-05 16:47:12 · 2697 阅读 · 0 评论