CODEWITHSUNDEEP
pythontwitter-bootstrapflask
San
San

Reputation: 786

Flask static files getting 404

I am building a basic web app with following project structure. The app is fine but I am getting 404 errors for some of the static files.

I don't have any file like this bootstrap.css.map and not able to find enough docs related to this in flask.

127.0.0.1 - - [09/Feb/2014 22:37:17] "GET /static/css/bootstrap.css.map HTTP/1.1" 404 -

@app.route('/')
def index():
print 'in /'
return send_file('templates/login.html')

Directory structure:

app/
├── static/
│   └── bootstrap.min.css
├── templates/
│   └── index.html
└── app.py

EDIT: Here is my login html

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>API Test Application</title>

<!-- Bootstrap core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS for the 'Thumbnail Gallery' Template -->
<link href="/static/css/2-col-portfolio.css" rel="stylesheet">
</head>

<body>
 ......simple login form..........
</body>
</html>

Upvotes: 16

Views: 34550

Answers (4)

Felipe Vega
Felipe Vega

Reputation: 1

below

app = Flask(__name__)

write

app._static_folder = 'templates/static'

(that's my route)

Upvotes: 0

r3klaw
r3klaw

Reputation: 49

I solved mine by adding the following;

app._static_folder = ''

below 

app = Flask(__name__)

and you get 

app = Flask(__name__)
app._static_folder = ''

Upvotes: 0

danfromisrael
danfromisrael

Reputation: 3112

I've just had the same problem and eventually solved it like that:

https://stackoverflow.com/a/29521067/303114

Edit: Main parts that i did to solve it -

Project Structure:

enter image description here

server.py:

from server.AppStarter import AppStarter
import os

static_folder_root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "client")

app = AppStarter()
app.register_routes_to_resources(static_folder_root)
app.run(__name__)

AppStarter.py:

from flask import Flask, send_from_directory
from flask_restful import Api, Resource
from server.ApiResources.TodoList import TodoList
from server.ApiResources.Todo import Todo


class AppStarter(Resource):
    def __init__(self):
        self._static_files_root_folder_path = ''  # Default is current folder
        self._app = Flask(__name__)  # , static_folder='client', static_url_path='')
        self._api = Api(self._app)

    def _register_static_server(self, static_files_root_folder_path):
        self._static_files_root_folder_path = static_files_root_folder_path
        self._app.add_url_rule('/<path:file_relative_path_to_root>', 'serve_page', self._serve_page, methods=['GET'])
        self._app.add_url_rule('/', 'index', self._goto_index, methods=['GET'])

    def register_routes_to_resources(self, static_files_root_folder_path):

        self._register_static_server(static_files_root_folder_path)
        self._api.add_resource(TodoList, '/todos')
        self._api.add_resource(Todo, '/todos/<todo_id>')

    def _goto_index(self):
        return self._serve_page("index.html")

    def _serve_page(self, file_relative_path_to_root):
        return send_from_directory(self._static_files_root_folder_path, file_relative_path_to_root)

    def run(self, module_name):
        if module_name == '__main__':
            self._app.run(debug=True)

i'm just trying this stuff out for the first time so you can check out my project progress on my repo in github: https://github.com/danfromisrael/TodoApp-Flask-Angular

Upvotes: 2

Bitmap
Bitmap

Reputation: 12538

Set _static_folder location against Flask.

app = Flask(__name__)
app._static_folder = <path to to your static directory>

Upvotes: 14

Related Questions