Vue问题记录
程序员文章站
2024-03-20 17:31:58
...
前面用使用vue出现了很多问题,一直没有记录,现在就最近再次遇到的问题记录一下。
版本:Vue 2.X 工具:Hbuilder X
打包后页面无法加载
我这里打包后是放到tomcat服务器下运行的,但是运行的时候因为有些配置有问题,导致所有页面都加载不了。主要还是加载路径的问题,解决方法:
build
目录的utils.js
文件,一般在47行左右。添加publicPath:'../../'
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../',
})
} else {
return ['vue-style-loader'].concat(loaders)
}
config
目录的index.js
文件,一般是在46行的assetsPublicPath
,修改为:
assetsPublicPath: '/pc/'
pc就是你放在Tomcat服务器下的工程名
手动刷新页面css样式错误问题
运行项目时有时候点击浏览器的刷新或者F5刷新后css样式就会全部乱掉,这个问题解决方法是把css全部放进main.js中导入,就像这样:
import "../static/css/bootstrap.min.css"
import "../static/css/essentials.css"
import "../static/css/layout.css"
import "../static/css/header-1.css"
import "../static/css/layout-shop.css"
import "../static/css/color_scheme/orange.css"
注意路径问题。如果有路径错误项目就会运行不成功,仔细看看错误信息排查就好了。
URL路径#号问题
vue-router默认hash模式,如果不想要很丑的hash,我们可以用路由的history
模式。修改router下的index.js
文件:
const router = new VueRouter({
mode: 'history',
routes: [...]
})
推荐阅读
-
Vue问题记录
-
Vue axios 后端返回excel文件流改如何下载
-
记录一个springcloud父子项目 子项目Consumer找不到其他项目的mapper或者自身和其他子项目的bean的坑
-
二分查找细节问题
-
hadoop下载文件出现的问题java.lang.NullPointerException
-
[poj 2018]Best Cow Fences {二分查找+最大子段和问题}
-
css粘性定位position:sticky问题采坑
-
rails gem 在线无法安装安装包的问题 博客分类: rails 平台搭建 railsgem安装errorrubygems
-
C++/Qt/Qml程序使用Camel_CrashReport捕获异常崩溃并定位问题代码行
-
tomcat 部署项目的时候文件提示锁定问题解决方案 博客分类: tomcat