首页 > TAG信息列表 > assetsPublicPath
vue页面(vue Cannot GET /)
方法一、 https://segmentfault.com/q/1010000040394171https://segmentfault.com/q/1010000040394171方法二、 vue项目出现 cannot GET/ 的问题总结_似水流年-CSDN博客1.没有报错,页面显示cannot GET,经过排查发现config/index.js里的dev做了改动。他想实现pc和移动端跳转,所以vue项目build打包遇到的问题
1. npm run build打包项目之后,生成的dist文件里面有被压缩后的static文件跟index.html,直接打开index.html页面是空白的,还会报几个错,找不到页面路径。 原因: 找到config文件下index.js,全局搜索assetsPublicPath,结果是 assetsPublicPath:’ / ’ 默认为根目录,而index.html和statvue打包后如何本地打开,init和create两种方式
第一种使用vue init创建的项目 Opening index.html over file:// won't work. 在config->index.js中修改build中的内容 把assetsPublicPath: '/' 改成assetsPublicPath: './' 本地打开后CSS文件中图片资源无法加载 在build->utils.js中添加 publicPath: "../../" 注意查vue打包assetsPublicPath为‘./‘和‘/abc/‘的两种情况
vue 测试 和正式环境打包 (npm run build) assetsPublicPath路径可以设置为大致两种在nginx代理的方式也各有差异 第一种: assetsPublicPath: ‘ ./’ location / { root /home/lw/hy/admin/dist; index index.html index.htm; autoindex on; expires 30m; }vue 出现 Cannot GET / 的问题
前提是终端没有报错,修改方法如下: 修改config文件夹下面的index.js里面,把 assetsPublicPath: './'改成“ assetsPublicPath: '/' 然后重新 npm run 跑一下就可以了 遇到这个问题的时候 看到CSDN上的一篇博客,好像这种情况下也会出现 Cannot GET /的问题,终端有报错信息,报错信息如下vue-cli中 assetsPublicPath, assetsSubDirectory的区别
index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './projectName', assetsRoot : 在当前目录的上一级 的 dist目录下输出资源vue项目发布到服务器之后出现空白页和图片找不到的问题
发布到服务器上之后出现 1、空白页,在config中的index.js文件中找到assetsPublicPath(注意是build里面的)。他的默认值是assetsPublicPath: '/'改成如图所示样子就可以了。(图片找不到的时候也有可能是这里没有改) 2、部分图片找不到,img中的可以,只是背景图片,然后在build中的utils.jsvue-cil 打包爬坑(解决)
1、打包成功不报错,但是打开页面啥都没有? 解决:文件位置:config目录下index.js文件更改assetsPublicPath属性:文件里面有两个assetsPublicPath属性,也就是更改build里面的assetsPublicPath属性:(加上点)assetsPublicPath:'/'替换成assetsPublicPath:'./' 2、打包完成后某些图片没加载出来vue-cli创建项打包后打开页面为空白的问题解决
1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决:到config文件夹中打开index.js文件。 文件vue项目中引用static目录下的静态资源报错被重定向问题
在config/index.js中 dev中 // Paths assetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {},/********************/assetsPublicPath 的路径一定要定为'/'vue打包npm run build时候界面报错
方法1:找到config里的index.js,打开修改assetsPublicPath 为“./” 方法2:把index.html文件中的路径/去掉;