![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue相关
qq_34465778
这个作者很懒,什么都没留下…
展开
-
vue项目history模式打包部署及nginx配置(vue-cli4.0)
vue.config.js中配置publicPath配置为相对路径 ‘./’ ,这样即使项目不放在根目录下,也不会有找不到静态资源的情况module.exports = { publicPath: './', }一、打包部署到根路径路由配置export default new VueRouter({ mode: "history", routes});打包完成的代码放到nginx项目根目录my-project中,配置nginx:conf/nginx.conflocation原创 2020-06-28 16:26:37 · 2002 阅读 · 0 评论 -
vue项目打包问题汇总(vue-cli2.0)
一、打包后打开页面一片空白原因一:dist目录中文件引用路径不对解决方法:将config > index.js 中 build模块的 assetsPublicPath路径设置为 ‘./’build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), ...原创 2020-03-28 15:59:47 · 245 阅读 · 0 评论 -
vue中让input自动聚焦的方法
自定义v-focus指令使用普通input输入框:<input v-focus>directives: { focus: { inserted: function (el) { el.focus(); } }}使用element的el-input:<el-input v-focus></el-input>...原创 2020-01-15 16:45:53 · 3012 阅读 · 0 评论 -
vue项目获取dom元素宽高总是不准确
dom元素内部内容是动态的,重置数据后直接获取宽高总是不准确:this.$refs.editor[0].offsetHeight;原因:重置数据后获取dom元素宽高时,dom元素还未渲染完毕;解决方法:利用Vue.nectTick(callback)this.$nextTick(() => { this.$refs.editor[0].offsetHeight;}) Vu...原创 2020-01-15 16:26:39 · 2783 阅读 · 0 评论 -
vue 项目全局引入 less文件时报错
用vue-cli搭建的项目,在main.js中引入less文件时却一直报错,如下图:原创 2019-07-30 09:26:50 · 963 阅读 · 0 评论