Serve a 404 page with app created with Vue-CLI

Serve a 404 page with app created with Vue-CLI

Content Index :

Serve a 404 page with app created with Vue-CLI
Tag : vue.js , By : Mark
Date : December 05 2020, 12:18 PM

it fixes the issue The feature you're observing is actually from webpack-dev-server's historyApiFallback, which responds with index.html for unresolved URLs (intended for SPAs with client-side routing). This is enabled by default in Vue CLI projects, but you can disable it with a Vue CLI devServer config:
module.exports = {
  devServer: {
    historyApiFallback: false

No Comments Right Now !

Boards Message :
You Must Login Or Sign Up to Add Your Comments .

Share : facebook icon twitter icon

Why will tomcat not serve newly created files?

Tag : development , By : liquidx
Date : March 29 2020, 07:55 AM
Hope that helps The reason for the occurrence of the problem was not identified but the solution is here.

Serve image in Go that was just created

Tag : image , By : Gianluca Riccardi
Date : March 29 2020, 07:55 AM
I hope this helps you . There are a few things you need to do.
First, you need to remove this line from your WebHandler function:
http.Handle("/", http.FileServer(http.Dir("example_t500.jpg")))
http.HandleFunc("/", WebHandler)
func WebHandler (w http.ResponseWriter, r *http.Request) {
    var Path = "../../static/img/photos/2014/11/4/test.jpg"
    ResizeImage(Path, 500)

    img, err := os.Open("example_t500.jpg")
    if err != nil {
        log.Fatal(err) // perhaps handle this nicer
    defer img.Close()
    w.Header().Set("Content-Type", "image/jpeg") // <-- set the content-type header
    io.Copy(w, img)
// Pass in the ResponseWriter
func ResizeImage (w io.Writer, Path string, Width uint) {
    var ImageExtension = strings.Split(Path, ".jpg")
    var ImageNum       = strings.Split(ImageExtension[0], "/")
    var ImageName      = ImageNum[len(ImageNum)-1]
    file, err := os.Open(Path)
    if err != nil {

    img, err := jpeg.Decode(file)
    if err != nil {

    m := resizer.Resize(Width, 0, img, resizer.Lanczos3)

    // Don't write the file..
    /*out, err := os.Create(ImageName + "_t" + strconv.Itoa(int(Width)) + ".jpg")
    if err != nil {
    defer out.Close()*/

    jpeg.Encode(w, m, nil) // Write to the ResponseWriter
func WebHandler (w http.ResponseWriter, r *http.Request) {
    var Path = "../../static/img/photos/2014/11/4/test.jpg"
    ResizeImage(w, Path, 500) // pass the ResponseWriter in

How to serve a created tempfile in django

Tag : python , By : Nougat
Date : March 29 2020, 07:55 AM
With these it helps Any file created by tempfile will be deleted once the file handler is closed. In your case, when you exit the with statement. The delete=False argument prevent this behavior and let the deletion up to the application. You can delete the file after its been sent by registering a signal handler that will unlink the file once response is sent.
Your example does nothing on the file, so you might want to stream the content directly with StreamingHttpResponse or FileResponse. But as you said you "stores the file locally (for some processing)", I would suggest thinking on doing the processing without any temporary file created and only work with streams.

How to test an app created with Angular CLI ng serve from another device?

Tag : networking , By : fukas78
Date : March 29 2020, 07:55 AM
it fixes the issue Adding the host-flag with value "" should allow you to access the webserver from any device on your local network.
This should work: ng serve --host

How to Serve Dynamically Created URL Paths with Go?

Tag : reactjs , By : Debashree
Date : March 29 2020, 07:55 AM
fixed the issue. Will look into that further If you want to serve static contents with URL pattern /* to a specific directory, then use the answer provided by jeevatkm.
If you need slightly customizable version, you need a kind of adapter that map the URL path to static file handler (http.FileServer). The example code looks like:
package main

import (

func helloHandler(w http.ResponseWriter, r *http.Request) {
    w.Write([]byte("Hello world!"))

func adaptFileServer(fs http.Handler, mux http.Handler) http.Handler {
    fn := func(w http.ResponseWriter, req *http.Request) {
        //Use your Path matcher here.
        //For demonstration, REGEX match is used
        //and it's probably not the most efficient.
        staticRegex := regexp.MustCompile("^/static-page-[0-9]+/")
        if matches := staticRegex.FindStringSubmatch(req.URL.Path); matches != nil {
            log.Printf("Match: %v, %v", req.URL.Path, matches[0])
            fsHandler := http.StripPrefix(matches[0], fs)
            fsHandler.ServeHTTP(w, req)
        } else if mux != nil {
            log.Printf("Doesn't match, pass to other MUX: %v", req.URL.Path)
            mux.ServeHTTP(w, req)
        } else {
            http.Error(w, "Page Not Found", http.StatusNotFound)
    return http.HandlerFunc(fn)

func init() {
    //Usual routing definition with MUX
    mux := http.NewServeMux()
    mux.HandleFunc("/hello", helloHandler)

    //"Dynamic" static file server.
    fs := http.FileServer(http.Dir("web"))
    http.Handle("/", adaptFileServer(fs, mux))

func main() {
    log.Fatal(http.ListenAndServe(":8080", nil))
Related Posts Related QUESTIONS :
  • How can I make Vuex store work with Storybook?
  • v-model and selected is not working at the same time... --vue.js
  • How to set $ref to child component elements from parent component in vuejs?
  • Is there anyway to set a different value for the "input" than the vue variable?
  • Next and Previous month watcher in Vue FullCalendar
  • How to make font size responsive using vuetify?
  • window is not defined vuejs and vuetify SSR
  • Vue-router appending the same URL
  • why custom delimiters {{{}}} dont work in vuejs?
  • VS code - formatting arrays in .vue files
  • What's the easiest way to implement routes in vue.js?
  • Export to excel on vuetify data table
  • Problem when importing js-cookies in Main.js
  • Vue initializing props to data for mutation but Error in data(): "TypeError: Cannot read property 'propsTitle' of u
  • How can I add an href to a q-table (Quasar Data Table)?
  • Vue nested routing does not including dynamic parameters
  • How to change Vuestic Admin theme favicon
  • Override Vuetify 2.0 sass variable $heading-font-family
  • $.parent vs emitting and listening events performance comparison
  • error: SWIFT_VERSION '5.0' is unsupported, supported versions are: 3.0, 4.0, 4.2. (in target 'Starscream')
  • How do I combine vue, i18n and markdown pages?
  • How do you dynamically create multiple bootstrap cards with Vue
  • Should I be storing all my Vue methods and data in one file?
  • How do I bind a style to my v-for loop in this example?
  • Why is Vue v-bind:class not updating?
  • Jest unable to load module vue-cookies
  • Embedding javascript into html in Vue
  • Why vuex-orm returns null in relationship field?
  • Nuxt.js - 'error not defined' when trying to throw 404 in failed await call within asyncData method
  • Deploying Vue.js App using azure devops release pipeline
  • Vue - how to recognize [__ob__: Observer]?
  • Is there a way to call a method with parameters in data on vue 2?
  • How to change style depend on key in v-for?
  • Vue-Owl-Carousel not working when using Loop
  • Vuex: Best Way To Handle actions
  • Vue.js: field values go back as soon as they lose focus
  • Wait until API fully loads before running next function -- async/await -- will this work?
  • bind an event listener to a newly rendered dynamic elements
  • Side-effects-in-computed-properties
  • Change the path of the chunk-vendors.js in Vue.js CLI (webpack config)
  • Nuxt.js - add trailing slash to URL's with params
  • Client Side Deep Links with WebpackDevMiddleware 404s
  • How can I use conditional Template tags inside a Vue SFC
  • How to use BugSnag inside of a nuxt.js app?
  • Cannot find module '../assets/logo.png' at webpackEmptyContext (eval at ./src/component
  • Nuxt add parameters without page and without reload the page
  • Nuxt + Vuetify. How to apply theme colors
  • Get Current User Login User Information in Profile Page - Firebase and Vuejs
  • Testing with `Created` hook with `vue-test-utils` and `jest`
  • Computed property doesn't update on readonly input
  • How to use v-if and v-else on vue.js?
  • My app doesn't compile after Vue CLI 2 to 3 update
  • How to define vue template in pug?
  • Vue.js adding a toggle and method to a button
  • Removing last item when rendering in vue.js
  • vue scoped slot not being exposed
  • Vue2 Watcher issue with DOM manipulation
  • How to use variables in external script.js in vue component sigle-file
  • How to get value of vuetify number type v-text-field in template
  • Dynamic class based on data attribute
  • shadow
    Privacy Policy - Terms - Contact Us © scrbit.com