Flask shows what the packaged page method of vue is.

This article mainly introduces "flask shows vue packaged page method is what", in the daily operation, I believe that many people in flask show vue packaged page method is what the problem is, editor consulted all kinds of information, sorted out a simple and easy to use method of operation, hope to answer everyone's "flask shows vue packaged page method is what" the doubt is helpful! Next, please follow the editor to study!

Put the files generated by vue under the dist of flask app

If index.html is to be put together with other static files

Registration blueprint

Cont_analy = Blueprint ('cont_analy', _ _ name__, template_folder='dist', static_folder='dist', static_url_path='/')

Template_folder is the page directory

Static_folder is a static file directory

Static_url_path is the request path for static files

If the vue packaged project uses the relative path'. /', then static_url_path is'/ 'the same as the index.html request prefix

Request static file

@ cont_analy.route ('/ page', methods= ['GET']) def cont_analy_page (): return cont_analy.send_static_file (' index.html')

Do not use request templates use areas in send_static_file vue that may conflict with template tags in flask

Request test / cont_analy/

Request successful

At this point, the study on "flask shows what the packaged page method of vue is" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!