angular打包后路由和文件路径不对

base href换成如下script标签

  <!-- <base href="/"> -->
  <script>
    document.write(‘<base href="‘ + document.location + ‘" />‘);
  </script>

在app.module.ts下添加 { provide: LocationStrategy, useClass: HashLocationStrategy }

providers: [
    HttpErrorHandler,
    httpInterceptorProviders,
    CookieService,
    { provide: NZ_I18N, useValue: zh_CN },
    { provide: RequestCache, useClass: RequestCacheWithMap },
    { provide: RouteReuseStrategy, useClass: CustomReuseStrategy },
    { provide: LocationStrategy, useClass: HashLocationStrategy }
  ]

搞定!

原文地址:https://www.cnblogs.com/sooooogiotto/p/10556691.html

时间: 2024-10-05 06:34:38

angular打包后路由和文件路径不对的相关文章

vue项目打包后css背景图路径不对的问题

问题描述: 自己在自学vue做项目的过程中,遇到一个有关背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图: 当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包后,访问dist目录下的项目,页面背景图路径就不对了,显示不出背景图.如下两张图对比 图一:使用npm run dev命令访问 图二:使用npm run build命令打包之后,访问dist目录下的文件,出现的问题,背景图片路径变成了http://127.0

vue打包后.woff字体文件路径问题处理

在执行 npm run build 命令打包后,如果出现 .woff 等字体文件找不到的情况 通过设置 vue-style-loader 打包前缀路径解决 原文地址:https://www.cnblogs.com/fanlu/p/11002744.html

unity Android 打包后读取 xml 文件

问题:    前天在做东西的过程中发现了一个让人很纠结的问题,为什么Unity 程序在PC上测试一点都没问题但是打包发布到Android后却无法读取XML文件. 通过查找自资料发现打包发不到安卓后的路径和PC上测试时的路径发生了变化,因此读取就出bug了. 那么解决方法很简单: 1,建立一个新工程 2,添加两个GUItext组件一个用于显示测试平台另一个用于显示读取到的XML数据, 如下: 3,该贴代码了 //-------------------------------------------

webpack打包后bundle.js文件过大的问题

由于webpack将所有的文件合并到一个js文件.因此打包后的文件过大,导致网络请求不畅. 今天尝试了一下webpack打包.结果打出来3.6M.因为之前在本地测试的原因,一直用的webpack -w的命令. 即监控入口文件有无改动,若有改动,则自动编译. 更改命令:webpack -p -w webpack -p起到压缩的作用. 结果为1.4M. 查阅了一下相关资料.果断用nginx进行gzip压缩. 进入 /usr/local/etc/nginx目录下 打开编辑nginx.conf 配置如下

Vue打包后访问静态资源路径问题

Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们知道,执行npm run build 后会生成dist文件夹,把里面的index.html在浏览器运行会发现 图片路径出错啦!!! 解决方法: 1.先找到config下的index.js文件 把最后的'/' 改为 './' 2.接着把图片地址改为 这样就解决啦~~ 原文地址:https://www.cnblogs.com/wangx

新建Unity项目后包含的文件路径都是什么?

?? 创建完有一个项目后你会发现,四个不同的目录-Assets, Library, ProjectSettings, 和 Temp和几个脚本相关文件 Assets Directory:主要是所有的 C# 文件和任何其他游戏的objects,例如 3D 模型. 2D 纹理和声音的会在在此目录中的某个地方.如果文件不位于此目录中,你的游戏不能访问它. 往往当一个项目更大,它的一个好的想法是在这里有条理的创建一些子目录.这些不同的文件组织是取决于你,但大多数情况下,不同的类型在不同的目录下. 图: 你

vue打包后显示空白的路径问题

需要修改的地方有三处. 第一处在build/utils.js添加  publicPath: '../../' 第二处config/index.js添加assetsPublicPath: './',这个看图.注意是在build下 第三处在src/router/index.js里面修改mode然后就可以打开了. 原文地址:https://www.cnblogs.com/lywweb/p/8868295.html

webpack打包后iconfont文件路径问题解决

在使用vue-cli创建vue项目时,可以自动生成webpack文件.使用 npm run build 即可打包发布生产文件,打包后的文件 可以看到使用url-loader处理后的文件是在static目录下生成fonts目录下的文件.全部样式文件打包在css目录下app.hash.css文件中. 但我们会发现发布后,会存在字体文件找不到的问题,查看css文件发现是iconfont字体文件的路径引用问题. 解决方法: 在build/utils文件中的下图所示位置添加../../公共路径 这样打包的

【笔记】vue-cli 打包后路径问题出错的解决方法

几天之前打包自己的vue 项目上传到远程服务器上面 但是遇到了如下几个问题: 1. 线上浏览页面时是空白页面 2. 打包后资源文件(js, css 文件)引用的路径不正确 3. 开发环境中使用到的如:组件内部css 的背景图路径,通过 computed 属性计算返回的图片路径不正确问题 于是在网上参考了两篇文章便逐一解决了: https://www.cnblogs.com/moqiutao/p/7496718.html http://blog.csdn.net/obkoro1/article/d