all I do is that spa, directly accesses localhost:8080/.
but if the browser directly inputs a url, which is localhost:8080/login, and then requests directly to the backend server, it will come back to 404.As the spa backend certainly does not know that login is all handled by the front end, what method should be used to solve this situation?!
for ideas and related keywords, thank you
background is express, preceded by vue.js
ide/essentials/history-mode.html" rel=" nofollow noreferrer "> https://router.vuejs.org/zh/g.
route pattern is replaced by hash
configure hash route, so that you will not go to the backend. If you are using vue-router, hash route should be the default. Colleague, you also need to configure a default route when configuring a route, so if you can't identify it, you can redirect directly to another path
you are using router's history mode, and changing it to hash is a way, so that the foreground page does not have localhost:8080/login url, and becomes localhost:8080/-sharplogin
another way is to intercept 404 requests on server. The html file on the home page is returned by default
requires backend cooperation. spa has only one page, while visiting other pages must be 404 , so the backend can redirect to index.html directly after 404.
how do I introduce .vue files into traditional pages? ...
webpack.conf.js const path = require( path ); const webpack = require( webpack ); const HtmlWebpackPlugin = require( html-webpack-plugin ); const uglify = require( uglifyjs-webpack-plugin ); module.exports={ entry:{ ...
merge it locally first. The branch is base master like this, and then the working add commit push prompts up-to-date to think that the file that has not changed the name of the checkout master branch disappears. Excuse me, how can I find these files? ...
how to understand the loading order of script tags? In the browser. ...
for example, 0.1 "0.2 " 0.3 "0.4 " 0.5 "0.7 " 0.8 "0.9 " 1.0 "1.1 " 1.2 "1.3 " 1.4 "1.5 " 1.6 "1.7 the result is 15.299999999999999 read an article that can be written with add module, but in practice, not only addition, subtraction, multip...
such as the question, has added servicewechat.com to the whitelist of Qiniuyun; but it still cannot be played in iOS WeChat Mini Programs; it can also be played in ordinary src iOS; playing audio with hotlink protection has no problem with d...
...
now Wechat s official account is being developed, using router s hash mode for vue, routing. In the process of developing vue, there is always a problem of signature failure in jssdk permission verification. Is it necessary to re-obtain a signature fo...
many methods have been found on the Internet, but it is still not possible to install plug-ins. Babel-plugin-transform-runtime babel-runtime .babelrc is as follows { "presets": ["es2015","stage-3"], "plugins&...
...
this question kind of revolves around my friend who can read it. I can not say a word back to me ....
these are the two click events of Mini Program. Is there any difference? the first type switchNav: function(event) { console.log(event) } second type: switchNav(event) { console.log(event) } ...
, https: www.awesomes.cn repo . ...
A front-end vuejs project is embedded in a php project. The project directory is as follows: . app debug.log node_modules nodemon.json package.json phpunit.xml public index.html index.php mix-manifest.json robots.txt static readme.m...
the time taken back by the backstage, how to care about the size of the time, I want to get the largest time time(){ let data=[ {id:1,time:"2018-07-04 00:04:12"}, {id:2,time:"2018-07-04 00:1...
topic description var a = [1,2,3]; var b = a; a = [4,5,6]; alert(b); [1,2,3] var a = [1,2,3]; var b = a; a.pop(); alert(b); [1,2] topic source Zhihu < hr > a = [4,5,6]; a a.pop(); a b = a; bbaa ab but I don t think it makes s...
is the style of the components that come with ele.me. I want to modify how to override . problem description the environmental background of the problems and what methods you have tried related codes Please paste the code text bel...
projects built by vue-cli+webpack. Npm run build has to manually distinguish between test and production environments every time it is packaged. How to configure automatic differentiation? For example, I need to distinguish between assetsPublicPath: ...
when webpack uses css-loader, turn on css-modules,localIdentName and cannot read path the configuration code is as follows { test: .css$ , exclude: node_modules , use: [ require.resolve( style-loader ), { loade...
recently made a web version of the chat room, want to customize the format of the mobile phone keyboard, that is, according to their own layout to design, I would like to ask you have any good ideas or examples for reference, thank you! ...