• vue-cli项目传到服务器后打不开的问题


    1.vue-cli项目执行dev可以打开网站,直接点击文件或发布后却打不开的问题

     
    webpack.prod.conf.js:
    output: {
    .......
    publicPath:'./'  //修改前是'/'
    },
    assetsPublicPath如果配置不正确,会找不到js、css、图片这些信息

    assetsPublicPath是配置为相对路径还是绝对路径,取决于你打包后前端资源怎么发布部署。

    假如说,你把index.html以及static文件夹直接放到容器的根目录,即访问路径为:http://xxxx:9090/index.html这样形式,那么直接使用‘/’即可,不用使用相对路径。

    但是如果说你的前端项目是在某个项目文件夹下或者合并到后台项目中去发布,即访问路径可能为:http://xxx:9090/projectname/index.html,那么就一定要使用'./',否则资源信息会找不到。

     
    2..vue-cli项目执行dev可以打开网站,直接点击文件也可以打开,发布后却打不开的问题:
    默认情况下,js,css,图片这些资源会放到static子目录下,这个是在config/index.js中的assetsSubDirectory配置的
    assetsSubDirectory:'static'
    如果网站的static解析成其他页面了(也就是http://xxxx/static映射到了一个固定的页面),就会出现各种资源打不开的情况
    这时候,改下assetsSubDirectory的值即可,这时候子目录的名字也会跟着改变
    assetsSubDirectory:'bph5'
     
     
     
  • 相关阅读:
    python基础一 day40 守护线程
    python基础一 day40 线程复习
    python基础一 day39 线程探索
    python基础一 day39 复习-回调函数
    python基础一 day38 进程池代码
    python基础一 day38 进程间的数据共享
    python基础一 day38 管道
    python基础一 day18 认识正则表达式及探索
    python小白-day3 函数
    python小白-day3 深浅拷贝
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/10634836.html
Copyright © 2020-2023  润新知