`

public下文件页面引用app下的js,css以及配置404 500跳转

 
阅读更多
自己在做404跳转页面的时候把404放在public文件下,然后按照平常的方式
<%= stylesheet_link_tag "name"%>
<%= javascript_include_tag "name"%>
用上面之后就会出现在开发模式下能正常运行,但是在编译环境下就不能运行,
应该改成静态方式应用
<link href="/assets/tipsy.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/jquery-1.7.2.min.js" type="text/javascript"></script>
至于配置可以参考给力链接,我也复制一份,主要防止其它文档删除,难找

首先在 config/environment/development.rb中,找到下面这句代码,将其设为false
config.consider_all_requests_local  = false    # rails 4.0
或者
config.action_controller.consider_all_requests_local = false  # rails 3.0
接着修改route.rb, 在route.rb中增加下面这句:(注意:放到最后一行)
# make sure this rule is the last one
get '*path' => proc { |env| Rails.env.development? ? (raise ActionController::RoutingError, %{No route matches "#{env["PATH_INFO"]}"}) : ApplicationController.action(:render_not_found).call(env) }

然后在application_controller.rb中增加下面代码:
def self.rescue_errors
    rescue_from Exception, :with => :render_error
    rescue_from RuntimeError, :with => :render_error
    rescue_from ActiveRecord::RecordNotFound, :with => :render_not_found
    rescue_from ActionController::RoutingError, :with => :render_not_found
    rescue_from ActionController::UnknownController, :with => :render_not_found
    rescue_from ActionController::UnknownAction, :with => :render_not_found
  end

  rescue_errors unless Rails.env.development?

  def render_not_found(exception = nil)
    render :file => "/public/404.html", :status => 404
  end

  def render_error(exception = nil)
    render :file => "/public/500.html", :status => 500
  end
完成以上配置以及跳转方法

给力链接:
http://www.cnblogs.com/lmei/p/3266170.html
分享到:
评论

相关推荐

    cordova跳转原生Activity

    在`plugins`目录下,创建一个新的文件夹,如`HjkPlugin`,并在其中编写`plugin.xml`配置文件,声明插件ID和相关接口。同时,还需要创建对应的Java文件(如`HjkPlugin.java`),在其中实现Android端的逻辑。 2. ...

    基于vue的eros app 快速开发模板

    5. **路由配置**:router/index.js文件中,会定义应用的路由规则,控制页面间的跳转。 6. **状态管理**:如果使用Vuex,store目录下的文件会管理全局的状态,提供一个中心化的状态仓库。 7. **样式处理**:可能...

    基于vue开发的免费小说阅读app源码.zip

    通过分析这个源码,开发者可以学习到Vue.js的组件设计、状态管理、路由配置、API调用以及如何结合其他工具如Webpack和Babel进行项目构建。此外,还可以了解到如何优化用户体验,如分页加载、缓存策略等。对于想要...

    登录页+跳转 ==.zip

    - `public`:存放静态资源,如CSS、JavaScript文件和图片。 - `bin`:一般包含可执行的脚本,如启动应用的命令。 - `node_modules`:包含了项目所依赖的所有第三方模块。 - `routes`:存放处理不同URL请求的路由文件...

    毕设-相约校园app-web端 uni-app 开发,后端为springboot.zip

    此外,还能学习到如何在uni-app中处理前端页面的跳转、数据绑定和事件处理,以及Spring Boot中如何配置RESTful API、数据库连接和安全设置等。 总的来说,这是一个结合了前端与后端开发技术的实战项目,对于想要...

    vuejs外卖App实战项目

    Vue.js是一款轻量级的前端JavaScript框架,以其易学易用、高性能以及组件化的特点深受开发者喜爱。在“vuejs外卖App实战项目”中,我们将深入探讨如何利用Vue.js技术栈构建一个完整的外卖应用程序。 首先,Vue.js的...

    基于react框架搭建网易新闻Web App

    1. React Router:实现页面间的跳转,创建路由配置文件(如src/Routes.js),定义不同路径对应的组件。 八、响应式布局 1. CSS框架:Bootstrap、Tailwind CSS等可以简化响应式设计。 2. Flexbox或Grid:CSS布局模式...

    uni-app 开发的微信小程序-小兔鲜儿电商项目-uniapp-shop-vue3-ts.zip

    5. **uni-router**:uni-app的路由管理,控制页面跳转和生命周期。 6. **Promise和async/await**:异步编程,简化异步操作的处理。 7. **axios**:HTTP请求库,用于与服务器通信,获取和发送数据。 8. **微信小程序...

    Express 配置HTML页面访问的实现

    为了使静态文件(如CSS、JavaScript)可被访问,我们需要在`app.js`中设置静态文件目录: ```javascript app.use(express.static(path.join(__dirname, 'public'))); ``` 然后,在HTML页面中引用这些文件时,...

    vue微商城项目源码-vue-shop(适用于Node.js 10.x).zip

    通过理解项目的结构、配置和流程,开发者可以学习到Vue.js的组件化开发、路由管理以及与Node.js后端的协作方式,进一步提升全栈开发能力。在实际操作过程中,注意保持前后端的版本一致性,以确保项目正常运行。

    vueCli脚手架工程文件模板

    5. **.babelrc**/**babel.config.js**:Babel的配置文件,用于转换JavaScript的ES6+语法到浏览器兼容的版本。 6. **.eslintrc.js**:ESLint的配置文件,用来检查和规范代码风格。 7. **vue.config.js**:VueCLI的...

    基于vuejswebpack实现的一个单页应用脚手架

    1. `src`:源代码目录,包括`main.js`(入口文件)、`App.vue`(主组件)、`components`(其他组件)、`router`(路由配置)等。 2. `public`:静态资源目录,如HTML模板文件、图片、字体等。 3. `webpack.config.js...

    基于vue-cli搭建的仿TIM纯前端页面-FangTIMChunQianDuanYeMian-master.zip

    - `src`:源代码目录,包括`components`(组件)、`views`(视图)、`App.vue`(主组件)、`main.js`(入口文件)等。 - `public`:静态资源目录,通常包含`index.html`(应用的入口HTML文件)。 - `router`:...

    一份完整的vue-cli3项目基础配置项,可用作于PC网站开发、移动端网页,后台管理系统.zip

    例如,通过设置`vue.config.js`中的`css`属性,可以实现CSS预处理器(如SCSS、Less)的配置,以及提取CSS为单独的文件以优化性能。 对于后台管理系统,Vue CLI 3 支持引入 Element UI 或其他UI框架,提供丰富的组件...

    uni-preset-vue-master uniapp项目模板

    2. **配置文件**:包括vue.config.js,这是uni-app项目的配置文件,用于设置项目的一些全局属性,如publicPath、outputDir等,以及自定义构建规则。 3. **脚手架工具**:uni-app提供了命令行工具,通过npm或yarn...

    vue2vuerouter2es6webpack高仿饿了么app

    1. **初始化项目**:通常使用`vue-cli`脚手架快速搭建项目结构,包含`src`目录、`public`目录、配置文件等。 2. **安装依赖**:通过npm或yarn安装Vue 2、vue-router 2、ES6相关的babel插件,以及Webpack和其配置所需...

    基于vue的一款本地记账APP源码.zip

    Vue.js 是一款轻量级、高性能的前端JavaScript框架,由尤雨溪开发并维护,它以其易学易用、组件化开发和强大的生态系统而受到广大开发者喜爱。本项目"基于vue的一款本地记账APP源码.zip"是一个使用Vue.js构建的本地...

    一个Laravel10+样板应用程序,可用于使用Svelte构建Inertia应用程序_PHP_JavaScript_源.zip

    2. **Laravel核心文件**:包括公共目录(public)、app目录(app)、配置目录(config)、路由文件(routes/web.php)等,用于定义项目结构和业务逻辑。 3. **Inertia集成**:可能有Inertia的核心文件、Vue或React的...

    Vue20构建的掘金移动端APP

    Vue2.0构建的掘金移动端APP是一款基于Vue.js框架的移动应用,旨在提供一个高效、易用且功能丰富的阅读平台。Vue.js是尤雨溪开发的轻量级前端JavaScript框架,以其组件化、响应式的数据绑定和简洁的学习曲线而备受...

    vue-admin-template-master (1).zip

    - `router/index.js`:路由配置文件,定义了不同页面间的跳转规则。 - `views`目录:包含各个视图组件,每个子目录或文件代表一个页面。 - `components`目录:存放可复用的UI组件。 - `axios`或类似文件:通常...

Global site tag (gtag.js) - Google Analytics