angular2 ng build部署后base文件路径问题详细解答
最近在学习angular2中遇到了一些问题,问题如下:
问题:使用angular-cli搭建的项目,执行ng build后,浏览器打开空白,发现文件的路径不对
解决方案:
在package.json文件的scripts中添加命令:
"build":"ng build --base-href ./"
–base-href后面替换成打包后的base路径
执行:
npm run build
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
angular2 ng build部署后base文件路径问题详细解答
最近在学习angular2中遇到了一些问题,问题如下: 问题:使用angular-cli搭建的项目,执行ng build后,浏览器打开空白,发现文件的路径不对 解决方案: 在package.json文件的scripts中添加命令: "build":"ng build --base-href ./" –base-href后面替换成打包后的base路径 执行: npm run build 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们.
-
vue-cli 项目打包完成后运行文件路径报错问题
本文介绍了vue-cli 项目打包完成后运行文件路径报错问题,做个笔记,也分享给大家. 刚新建的vue-cli项目,同事说要打包一版进行测试,打包完成后放在tomcat上发现路径报错问题. 百度了一下,怀疑是build里面没有定义路径问题,度友提供了解决方案: 找到config文件夹下的index.js文件,修改路径代码 找到build对象,修改属性assetsPublicPath为 './' 但是由于vue-cli项目中已经没有config文件夹,需要在根目录下创建vue.config.js
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
在使用vue-cli创建vue项目时,可以自动生成webpack文件.使用 npm run build 即可打包发布生产文件,打包后的文件 webpack配置 可以看到使用url-loader处理后的文件是在static目录下生成fonts目录下的文件.全部样式文件打包在css目录下app.hash.css文件中. 但我们会发现发布后,会存在字体文件找不到的问题,查看css文件发现是iconfont字体文件的路径引用问题. 解决方法: 在build/utils文件中的下图所示位置添加../../
-
window与linux项目部署之linux文件路径不存在问题
很久没有写博客了,上周项目测试,发现了一些bug,其中之一有些费解,描述如下: 项目在windows上部署,上传图片功能一切正常,部署到linux服务器上,则莫名出错(大概是智障,居然忘记了*linux与windows文件目录的区别* ) 正常应该是这样: 实际上是这样: 从未遇到这种问题的土豆也有点懵逼,不管三七二十一,项目先重启再说,无效,那看看tomcat,还是无效,我太难了.作为你个资深菜鸡程序员,我自然还有第三第四第五种解决方法(baidu,google等等等),怀揣着不放弃的精神,继
-
C#文件路径操作详细总结
一.获取当前文件的路径1. System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName获取模块的完整路径,包括文件名. 2. System.Environment.CurrentDirectory获取和设置当前目录(该进程从中启动的目录)的完全限定目录. 3. System.IO.Directory.GetCurrentDirectory() 获取应用程序的当前工作目录.这个不一定是程序从中启动的目录啊,有可能程序放在C:
-
vue 打包后的文件部署到express服务器上的方法
vue 简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. vue是目前最流行的前端框架,今天要介绍的是如何利用vue+webpack+express的方式进行前后端分离的开发. 1.首先用vue-cli初始化项目目录 vue init webpack pro-name cd pro-name && npm ins
-
解决vue项目打包后提示图片文件路径错误的问题
vue项目打包后在production模式下提示图片 '404(not found),在dev环境下好好的,打包了就提示这个错误.这是为什么呢,以前第一次使用vue-cli构建项目的的时候只有两个图片文件,当时部署后报错路径问题, 当时的想法就是简单粗暴,直接在build好的文件修改了文件路径,再后来项目中遇到了一大堆静态资源,修改路径显然是不行的,看了一下生成文件大概知道是文件目录改变了,所以引用的路径也要随之改变,网上最简单的方法是修改 'config/index.js'文件中的 build
-
详解Vue+elementUI build打包部署后字体图标丢失问题
错误描述: Vue+elementUI build打包部署后字体图标丢失,控制台显示文件element-icons.woff和element-icons.ttf文件404 错误展现: 控制台报错截图 dom渲染展示 解决方法: webpack module配置:(build目录下webpack.base.conf.js) module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.(
-
vue打包静态资源后显示空白及static文件路径报错的解决
今天使用vue打包(npm run build)遇到了几个坑,在这里分享给大家 打包之后打开dist的页面显示空白: 这个问题以前就处理过,是打包过程中出现错误频率较高的一种,可能有3处地方会出现这种情况 1.记得改一下config下面的index.js中bulid模块导出的路径.因为打包后的index.html里边的内容都是通过script标签引入的,默认显示的路径不对,打开肯定是空白的. build: { index: path.resolve(__dirname, '../dist/ind
-
php.ini文件配置好后,zend路径也全部配置正确,但是phpinfo()还显示没有zend信息
php.ini文件配置好后,zend路径也全部配置正确,但是phpinfo()还显示没有zend信息 查看zend的目录是否有user权限.默认即可. isapi模式安装php,无法访问网站常见问题. 需要在php5isapi.dll上面添加user权限. phpinfo没法运行 先看php配置的是否正确,不正确再看配置的是什么模式,cgi 或者isapi或者fastcgi模式,然后在查看配置文件. php未找到该页 首先查看.php的扩展文件是否配置正确,然后在查看页面路径是否正确. 配置ph
随机推荐
- sql join on 用法
- jQuery常用数据处理方法小结
- Js 获取当前函数参数对象的实现代码
- 最近比较流行的数据库挂马
- 查看物理内存的批处理
- iis6 无法访问网站_IIS重启无效(重启服务器才正常 Connections_Refused引起)
- iOS应用开发中UIView添加边框颜色及设置圆角边框的方法
- JAVA读取文件夹大小的几种方法实例
- JS产生随机数的用法小结
- PHP 中常量的知识整理
- smarty简单分页的实现方法
- ASP常用函数:CStrIP()
- Android 自定义组件成JAR包的实现方法
- php实现的错误处理封装类实例
- js实现简单排列组合的方法
- 邮箱软件已安装好,但邮箱收不到信的原因
- 全面解析Java中的GC与幽灵引用
- Android 轻松实现图片倒影效果实例代码
- android同时控制EditText输入字符个数和禁止特殊字符输入的方法
- 浅谈React Native Flexbox布局(小结)