vue-router在hash模式下打包部署后通过url访问报404 80C

希望实现的效果:
http://localhost/ (访问到系统首页)
http://localhost/share (直接访问到一个独立的单页面)
使用vue-router的vue-cli3的项目,使用HbuilderX开发,开发环境下已经实现我想要的效果。
下面是部分代码

router配置文件router.js
...引用部分省略..
//路由定义
const routes = [
    {
        path: '/share',
        name: 'share',
        component: share
    },  
    {
        path: '/web',
        name: 'web',
        component: iContainer,
        children: [..]
    },
    {
        path: '/mobile',
        name: 'mobile',
        component: mHome,
        children: [..]
    }
]
const router = new VueRouter({
    mode: 'hash',
    routes
})

export default router

根据url后缀决定是进入独立的share页面还是进入普通首页

app.vue
<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
...引用部分省略..
    export default {
        name: 'app',
        data: function() {
            return {
                pathName: window.document.location.pathname
            }
        },
        created() {
            if (this.pathName == "/share") {
                this.$router.push('/share')
            } else {
                /** 判断是否手机端,进入对应入口 **/
                if (this.$utils._isMobile()) {
                    this.$router.push('/mobile')
                } else {
                    this.$router.push('/web')
                }
            }
        }
        methods: {}
    }
</script>

打包后将dist文件夹内容拷贝到tomcat,使用tomcat启动,首页能够正常访问。但是只要使用share访问就会报404。请问是什么原因导致?为什么在开发环境下正常,但是打包后部署就404?该如何解决达到我想要的效果?
网上搜了一天了,查到的都是说history下直接输入url会404,为什么我hash模式下也是404?

自己后面又仔细想了下,发现是生成链接那里有问题。
首先按照猜想测试了下http://localhost/#/share,果然就能加载页面,所以就修改了生成链接部分的代码,让它在地址后面上下文前面加上#就解决问题了。应该是这样的话就能保证访问的页面是/这个我们的唯一入口。然后就能进入我们想要的路由了!

1个回答

vue项目vue-router路由history模式打包后放在服务器上要在WEB-INF/web.xml文件中配置:

    <error-page>
        <location>/index.html</location>
        <error-code>404</error-code>
    </error-page>

同时项目中也要一个404页面:
图片说明

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于vue-router跳转问题

打开一个页面a, 然后token过期, 自动跳回登录页, 通过路由传参的方式将页面a的路径传给登录页, 登录成功之后, 在使用参数跳转回页面a, 但是这时候页面a右上角有一个返回按钮, 里面是$router.back(),这时候点击返回按钮, 就直接返回了登录页, 然后登陆之后又返回页面a, 页面a点击返回又回到登录页, 一直往复循环, 请问有没有什么好的解决方案

百度App浏览器下,vue-router的返回上一页this.$router.go(-1)无效

百度App浏览器下,vue-router的返回上一页this.$router.go(-1)无效,无论是history还是hash模式都不起作用,请问这个是咋回事? 百度图标:![图片说明](https://img-ask.csdn.net/upload/201806/29/1530241571_756667.png)

vue-cli项目懒加载路由之后打包文件比不路由懒加载还大

vue-cli项目懒加载路由之后打包文件比不路由懒加载还大,我没有使用懒加载,打包后app的那个js就1001k,我要是使用懒加载,那么9个页面,基本上每个页面的被打包之后都是300多k,完了还有一个app的js是500k左右,会大2M,这个是怎么回事,有什么方式解决吗? (我的项目中基本每个页面都使用echarts和百度地图api)

Vue-cli 的热更新无效问题

我使用vue init webpack-simple ProjectName创建了一个简单的Vue-cli工程,但是无法实现热更新。每次一点点改动就需要重新编译运行才能看到效果,十分困扰。 我的webpack配置如下: ``` const path = require('path') const webpack = require('webpack'); console.log(path.resolve(__dirname, './src/main.js')) module.exports = { //热部署 entry:[ path.resolve(__dirname, './src/main.js'), 'webpack-dev-server/client?http://localhost:8080/', ], output: { path: path.resolve(__dirname, './dist'), publicPath: './dist/', filename: 'build.js' }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ], }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { //这里可以配置端口号 // port:8080, // host: 'localhost', //重定向404 historyApiFallback: true, noInfo: true, //编译出错的时候,在浏览器页面上显示错误 overlay: true, hot:true, inline:true, //该目录不填默认是项目目录 // contentBase: path.resolve(__dirname), }, performance: { hints: false }, devtool: '#eval-source-map', //配置webpack插件 plugins:[ //热加载插件 new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ] } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) } ``` package.json如下: ``` { "name": "srms", "description": "A Vue.js project", "version": "1.0.0", "author": "Snile <826245622@qq.com>", "license": "", "private": true, "scripts": { "clean": "rd /s /q dist", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "dev": "npm run build && cross-env NODE_ENV=development webpack-dev-server --open --inline --hot" }, "dependencies": { "vue": "^2.5.11", "vue-router": "^3.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^5.0.5", "css-loader": "^0.28.7", "file-loader": "^1.1.4", "vue-loader": "^14.2.3", "vue-template-compiler": "^2.4.4", "webpack": "^3.12.0", "webpack-dev-server": "^2.9.1" } } ``` 该配置似乎能检测到文件的变化,每次改动后,控制台都会输出: client:77 [WDS] Hot Module Replacement enabled. 2client:80 [WDS] App updated. Recompiling... client:223 [WDS] App hot update...

请问VUE不用路由 怎么获取 URL 上面的参数

http://www.123.com/apilist.html?proTypeID=201518 请问VUE不用路由 怎么直接获取 URL 上面的 proTypeID ``` <div id="pro_list"> <ul> <template v-for="(item,index) in itemList.slice(0,6)"> <li> <span>序号:{{index+1}}</span><span>编号:{{item.id}}</span><span>所属类别:{{item.typename}}</span><span>所属类别编号:{{item.typeid}}</span><span>名称:{{item.name}}</span><span>时间:{{item.date}}</span><span>简介:{{item.name20}}</span><span>图片:<a target="_blank" :href="'apidisplay.html?proID='+item.id" :title="item.name"><img :alt="item.name" :src="item.big" /></a></span></li> </li> </template> </ul> </div> <script type="text/javascript"> var app = new Vue({ el: "#pro_list", data: { itemList: [], }, methods: { getData: function () { var abc = this; var proTypeID = 201518; var pageMax=2; this.$http.jsonp("listProductsAction.do").then(shuju); function shuju(changdu) { console.log(changdu); for (var i = 0, len = changdu.data.list.length; i < len; i++) { //if (changdu.data.list[i].typeid == proTypeID && changdu.data.list[i].isnewly=='0'){ } var selData = changdu.data.list[i]; var id = changdu.data.list[i].id; var typename = changdu.data.list[i].typename; var typeid = changdu.data.list[i].typeid; var name = changdu.data.list[i].name; var date = changdu.data.list[i].date; var name20 = changdu.data.list[i].name20; var big = changdu.data.list[i].big; this.itemList.push(selData); } } } }, mounted: function () { console.log(this); this.getData(); } }); </script> ``` 这是我的解决方案,有没有别的方法? ``` <script type="text/javascript">   function GetUrlParam(paraName) {     var url = document.location.toString();     var arrObj = url.split("?");     if (arrObj.length > 1) {       var arrPara = arrObj[1].split("&");       var arr;       for (var i = 0; i < arrPara.length; i++) {         arr = arrPara[i].split("=");         if (arr != null && arr[0] == paraName) {           return arr[1];         }       }       return "";     }     else {       return "";     }   } var proTypeID=GetUrlParam("proTypeID"); </script> ```

vue项目在手机端路由跳转问题

vue项目在手机端location到外网后再返回到原页面路由跳转没反应

vue跑项目跑不起来,求解一下

C:\Users\zsj>d: D:\>cd work D:\work>cd admins D:\work\admins>npm run ip > vue-admin@0.1.12 ip D:\work\admins > cross-env NODE_ENV=development node build/dev-server.js [HPM] Proxy created: /MODApis -> http://dev.markitondemand.com webpack: wait until bundle finished: webpack: wait until bundle finished: /index.html webpack built de040423250ca96e6acb in 8676ms Hash: de040423250ca96e6acb Version: webpack 2.6.1 Time: 8676ms Asset Size Chunks Chunk Names assets/img/fontawesome-webfont.912ec66.svg 444 kB assets/fonts/fontawesome-webfont.674f50d.eot 166 kB assets/fonts/fontawesome-webfont.b06871f.ttf 166 kB assets/fonts/fontawesome-webfont.af7ae50.woff2 77.2 kB assets/fonts/fontawesome-webfont.fee66e7.woff 98 kB app.js 3.72 MB 0 app vendor.js 1.03 MB 1 vendor ERROR in ./client/store/modules/menu/lazyLoading.js Module build failed: SyntaxError: D:/work/admins/client/store/modules/menu/lazyL oading.js: Unexpected token (3:46) 1 | // lazy loading Components 2 | // https://github.com/vuejs/vue-router/blob/dev/examples/lazy-loading/app. js#L8 > 3 | export default (name, index = false) => () => import(`views/${name}${index ? '/index' : ''}.vue`) | ^ 4 | @ ./client/store/modules/menu/index.js 2:0-40 @ ./client/store/index.js @ ./client/app.js @ ./client/index.js @ multi ./build/dev-client ./client/index.js ERROR in ./client/components/layout/index.js Module build failed: SyntaxError: D:/work/admins/client/components/layout/index. js: Unexpected token, expected { (1:7) > 1 | export Navbar from './Navbar' | ^ 2 | 3 | export Sidebar from './Sidebar' 4 | @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./cli ent/App.vue 13:0-73 @ ./client/App.vue @ ./client/app.js @ ./client/index.js @ multi ./build/dev-client ./client/index.js ERROR in ./~/vue-bulma-jump/src/index.js Module build failed: SyntaxError: D:/work/admins/node_modules/vue-bulma-jump/src /index.js: Unexpected token, expected { (1:7) > 1 | export BackToTop from './BackToTop' | ^ 2 | export default from './Jump' 3 | @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./cli ent/views/Home.vue 147:0-43 @ ./client/views/Home.vue @ ./client/router/index.js @ ./client/app.js @ ./client/index.js @ multi ./build/dev-client ./client/index.js Child html-webpack-plugin for "index.html": Asset Size Chunks Chunk Names index.html 1.48 MB 0 webpack: Failed to compile. > Listening at http://localhost:8080

webpack打包后,找不到angular state中templateUrl路径,该如何配置?

## 这是目录结构 ![图片说明](https://img-ask.csdn.net/upload/201708/01/1501555644_863140.jpg) ## 该文件为bike.js angular.module('bike', ['ui.router', 'bike.services', 'oc.lazyLoad']) .config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('map', { url: '/map', templateUrl: '../html/map.html', cache: false, controller: 'mapCtrl', resolve: { loadMyCtrl: function ($ocLazyLoad) { return $ocLazyLoad.load({ files: [ "../js/beforejs/map.js" ] }) } } }) $urlRouterProvider.otherwise('map'); }) .run(function ($rootScope, $templateCache) { $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) { console.log(fromState.url) if (fromState.url == "/map") { clearInterval($rootScope.map_intervar) } if (typeof(toState) !== 'undefined' && toState.templateUrl) { $templateCache.remove(fromState.templateUrl); } $templateCache.removeAll(); }); }) ## webpack.config.js var HtmlWebpackPlugin = require("html-webpack-plugin"); var webpack = require("webpack"); module.exports = { entry: { // "vuedata":__dirname + "/public/js/vuedata.js", "beforejs/bike":__dirname + "/public/js/beforejs/bike.js", "beforejs/map":__dirname + "/public/js/beforejs/map.js", "index":__dirname + "/public/js/index.js" }, output: { path: __dirname + "/public/webapp/js", filename: "[name].js" }, resolve: { alias: { vue:"vue/dist/vue.js" } }, module: { loaders: [ { test:/\.js$/, loader: "babel-loader" } ] }, plugins: [ new HtmlWebpackPlugin({ filename: __dirname+'/public/webapp/index.html', template: __dirname+'/public/html/index.html', inject:'body', hash:true, chunks:["beforejs/bike","index"] }), new HtmlWebpackPlugin({ filename: __dirname+'/public/webapp/html/map.html', template: __dirname+'/public/html/map.html', }) ] }

在Laravel Passport中实现mulit-auth以与VueJS一起使用

<div class="post-text" itemprop="text"> <p>I am working on a project where I have two different types of users: Users and Teams. I am doing this in Laravel with VueJs. I have already successfully installed passport, but by default it only authenticates the Users table. </p> <p>I am at the point in my project where I am implementing the Team Register and Login. I successfully implemented this two sections, however when I login and redirect to the view that contains my root VueJs component and then try to fetch the data of the User, it says that the User is null. However, when I implement a web based "dashboard" and retrieve the user information, I see that I am obviously logged in. </p> <p>After much research I discovered that my user does not have an access token, which led me to discovering the problem that Passport does not out of the box authenticate all types of users. </p> <p>I have tried to implement <a href="https://github.com/sfelix-martins/passport-multiauth" rel="nofollow noreferrer">sfelix's multi-auth solution to passport</a>, but it is still not working. I will try to layout everything that I have done as clearly as I can. </p> <p>My Login for the teams: login.blade.php</p> <pre><code> &lt;form method="POST" action="{{ route('login') }}"&gt; @csrf &lt;div class="form-group row pb-3"&gt; &lt;label for="Name"&gt;Game Code&lt;/label&gt; &lt;input id="gameCode" type="gameCode" class="form-control @error('gameCode') is-invalid @enderror" name="gameCode" placeholder="Game Code" required autocomplete="gameCode" autofocus&gt; @error('gameCode') &lt;span class="invalid-feedback" role="alert"&gt; &lt;strong&gt;{{ $message }}&lt;/strong&gt; &lt;/span&gt; @enderror &lt;/div&gt; &lt;div class="form-group row"&gt; &lt;label for="Name"&gt;Name&lt;/label&gt; &lt;input id="name" type="name" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus&gt; @error('name') &lt;span class="invalid-feedback" role="alert"&gt; &lt;strong&gt;{{ $message }}&lt;/strong&gt; &lt;/span&gt; @enderror &lt;/div&gt; &lt;div class="form-group row"&gt; &lt;label for="password"&gt;Password&lt;/label&gt; &lt;input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password"&gt; @error('password') &lt;span class="invalid-feedback" role="alert"&gt; &lt;strong&gt;{{ $message }}&lt;/strong&gt; &lt;/span&gt; @enderror &lt;/div&gt; &lt;div class="form-group row mb-0"&gt; &lt;button type="submit" class="btn btn-primary btn-block"&gt;Let's Play!&lt;/button&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Login route in the TeamLoginController:</p> <pre><code>public function login(Request $request) { $request-&gt;validate([ 'name' =&gt;'required', 'password' =&gt; 'required', ]); if(Auth::guard('team')-&gt;attempt(['name' =&gt; $request-&gt;name, 'password' =&gt; $request-&gt;password, 'identifier' =&gt; $request-&gt;name.$request-&gt;gameCode], true)) { return redirect()-&gt;intended(route('play-lobby')); } $messages = array( 'password' =&gt; 'Sorry, wrong password :(', ); return Redirect::back()-&gt;withErrors($messages); } </code></pre> <p>Play Lobby Vue Component:</p> <pre><code>&lt;template&gt; &lt;div&gt; &lt;h1&gt;I am the lobby&lt;/h1&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import {mapActions, mapGetters} from 'vuex'; export default { name: 'Play-Lobby', data() { return { } }, mounted() { axios.get('/api/team') .then(response =&gt; { console.log(response.data); }); }, methods: { ...mapActions('user', ['fetchData']), logout(){ axios.post('/logout') .then(() =&gt; { window.location = window.location.protocol + "/login"; }); }, }, computed: { ...mapGetters('user', ['user']), }, } &lt;/script&gt; &lt;style scoped&gt; &lt;/style&gt; </code></pre> <p>The Api/Team Route in the Api.php:</p> <pre><code>Route::group(['middleware' =&gt; ['api', 'multiauth:team-api']], function () { Route::get('/team', function (Request $request) { return $request-&gt;user(); }); }); </code></pre> <p>What I receive when I enter the play-lobby and console the api route call: <a href="https://i.stack.imgur.com/gybhO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gybhO.png" alt="enter image description here"></a></p> <p>Now onto my implementation of multi-auth. Again I followed sfelix's steps, but I may have missed something. </p> <p>Team Model:</p> <pre><code>namespace App; use Laravel\Passport\HasApiTokens; use Illuminate\Notifications\Notifiable; use Illuminate\Foundation\Auth\User as Authenticatable; use SMartins\PassportMultiauth\HasMultiAuthApiTokens; class Team extends Authenticatable { use HasMultiAuthApiTokens, Notifiable; protected $guard = 'team'; /** * The attributes that are mass assignable. * * @var array */ </code></pre> <p>My config/auth.php file:</p> <pre><code>'guards' =&gt; [ 'web' =&gt; [ 'driver' =&gt; 'session', 'provider' =&gt; 'users', ], 'api' =&gt; [ 'driver' =&gt; 'passport', 'provider' =&gt; 'users', 'hash' =&gt; false, ], 'team' =&gt; [ 'driver' =&gt; 'session', 'provider' =&gt; 'teams', ], 'team-api' =&gt; [ 'driver' =&gt; 'passport', 'provider' =&gt; 'teams', 'hash' =&gt; false, ], ], 'providers' =&gt; [ 'users' =&gt; [ 'driver' =&gt; 'eloquent', 'model' =&gt; App\User::class, ], 'teams' =&gt; [ 'driver' =&gt; 'eloquent', 'model' =&gt; App\Team::class, ], </code></pre> <p>My protected middleware in the http/kernel.php:</p> <pre><code>protected $routeMiddleware = [ 'auth' =&gt; \App\Http\Middleware\Authenticate::class, 'auth.basic' =&gt; \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 'bindings' =&gt; \Illuminate\Routing\Middleware\SubstituteBindings::class, 'cache.headers' =&gt; \Illuminate\Http\Middleware\SetCacheHeaders::class, 'can' =&gt; \Illuminate\Auth\Middleware\Authorize::class, 'guest' =&gt; \App\Http\Middleware\RedirectIfAuthenticated::class, 'signed' =&gt; \Illuminate\Routing\Middleware\ValidateSignature::class, 'throttle' =&gt; \Illuminate\Routing\Middleware\ThrottleRequests::class, 'verified' =&gt; \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, //what i needed to add 'oauth.providers' =&gt; \SMartins\PassportMultiauth\Http\Middleware\AddCustomProvider::class, 'multiauth' =&gt; \SMartins\PassportMultiauth\Http\Middleware\MultiAuthenticate::class, ]; </code></pre> <p>my AuthServiceProvider.php:</p> <pre><code>namespace App\Providers; use Route; use Laravel\Passport\Passport; use Illuminate\Support\Facades\Gate; use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider; class AuthServiceProvider extends ServiceProvider { /** * The policy mappings for the application. * * @var array */ protected $policies = [ // 'App\Model' =&gt; 'App\Policies\ModelPolicy', ]; /** * Register any authentication / authorization services. * * @return void */ public function boot() { $this-&gt;registerPolicies(); Passport::routes(); // Middleware `oauth.providers` middleware defined on $routeMiddleware above Route::group(['middleware' =&gt; 'oauth.providers'], function () { Passport::routes(function ($router) { return $router-&gt;forAccessTokens(); }); }); } } </code></pre> <p>if anyone could point me in the right direction I would greatly appreciate it.</p> </div>

Maximum call stack size exceeded

jsp页面:<body onload="permissList()"> <center> <form id="query" name="query"> <div region="center" title="" style="overflow-y: auto; height: 800px;"> <div id="dialogToobar" style="display:none;"> <input type="text" name="permissname" id="permissname" placeholder="权限名称" style="width:150px"/> <a href="#" class="easyui-linkbutton" onclick="javascript:permissList();">查询</a> <a href="#" class="easyui-linkbutton" onclick="javascript:addPermiss();">权限添加</a> <a href="#" class="easyui-linkbutton" onclick="javascript:addPermissFuncGroup();">添加功能组</a> <a href="#" class="easyui-linkbutton" onclick="javascript:delPermiss();">删除</a> <a href="#" class="easyui-linkbutton" onclick="javascript:editPermiss();">编辑权限</a> </div> <table id="showPermissDataTable" class="easyui-datagrid"></table> </div> </form> </center> </body> js: function permissList() { var url = path + "/permissListPage.do"; var rolename=$("#permissname").val(); $("#showPermissDataTable").datagrid({ url : url, queryParams : { permissname:permissname }, dataType: "json", border : true, toolbar : "#dialogToobar", striped : true, nowrap : true, rownumbers : true, checkOnSelect : true, singleSelect:true, remoteSort : true, sortName : "", order : "asc", pagination : true, pageSize : 20, pageList : [ 20, 60, 180 ], columns: [[ {field: 'permissid', title: '权限ID', width: 180, sortable:true}, {field: 'permissname', title: '权限名称', width: 180, sortable:true}, {field: 'permissnameEn', title: '权限英文名称', width: 180, sortable:true}, {field: 'permissmodule', title: '权限模块', width: 180, sortable:true}, {field: 'permissprocess', title: '授权', width: 180, sortable:true}, {field: 'permisspid', title: '权限名称', width: 180, sortable:true}, {field: 'permissdesc', title: '权限描述', width: 180, sortable:true}, {field: 'permisstype', title: '权限种类', width: 180, sortable:true}, {field: 'permisscreatedate', title: '权限创建时间', width: 180, sortable:true}, {field: 'url', title: 'URL', width: 180, sortable:true}, {field: 'systemid', title: '系统名称', width:180, sortable:true} ]], onLoadSuccess : function(data) { } }); } 之后页面报了错。。。。大神们求解决

为什么Laravel Session返回null?

<div class="post-text" itemprop="text"> <p>I am calling a Laravel api endpoint <code>http://localhost:8000/api/adduser</code> from a Vue Js component. The endpoint is suppose to set a value e.g a token to session, which I would fetch later. The endpoint is called successfully, however the session is not set. The code for my endpoint is </p> <pre><code>&lt;?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Auth; use App\User; use Hash; use Session; class UserController extends Controller { public function adduser(Request $request) { $user = User::where( 'sub', $request-&gt;sub )-&gt;first(); if(!$user) { $user = new User(); $user-&gt;nickname = $request-&gt;nickname; $user-&gt;name = $request-&gt;name; $user-&gt;sub = $request-&gt;sub; $user-&gt;api_token = $request-&gt;api_token; $user-&gt;save(); } $user-&gt;api_token = $request-&gt;api_token; $user-&gt;save(); //setting session here session(['info' =&gt; 'hello world']); Session::save(); return response() -&gt;json([ 'done' =&gt; $user-&gt;api_token ]); } } </code></pre> <p>The Vue Js component which calls the endpoint is:</p> <pre><code>&lt;template&gt; &lt;div class="callback"&gt;Callback&lt;/div&gt; &lt;/template&gt; &lt;script&gt; import axios from 'axios' import Flash from '@/helpers/flash' export default { name: 'callback', mounted() { this.$auth.handleAuthentication().then((data) =&gt; { //this.$router.push({ name: 'home' }) let form = {nickname: this.$auth.user.nickname, name: this.$auth.user.name, sub: this.$auth.user.sub, api_token: this.$auth.api_token} Flash.setSuccess('You have successfully signed in.') axios({ method: 'post', url: 'http://localhost:8000/api/adduser', data: form }).then((res) =&gt; { if(res.data) { window.location.href = "/"; } }) .catch((err) =&gt; { if(err.response.status === 422) { this.error = err.response.data.errors console.log(this.error) } }); }) } } &lt;/script&gt; </code></pre> <p>To test if the session was set, I tried retrieving the session data from the <code>welcome.blade.php</code> file, like so <code>dd{{session('info'}}</code> but this returns null. What am I missing here?</p> </div>

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

删库了,我们一定要跑路吗?

在工作中,我们误删数据或者数据库,我们一定需要跑路吗?我看未必,程序员一定要学会自救,神不知鬼不觉的将数据找回。 在 mysql 数据库中,我们知道 binlog 日志记录了我们对数据库的所有操作,所以 binlog 日志就是我们自救的利器。 接下来就来开启程序员自救之路。 想要自救成功,binlog 这把利器一定要好,在自己之前,我们一定要确定我们有 binlog 这把利器,以下就是确保有 bi...

再不跳槽,应届毕业生拿的都比我多了!

跳槽几乎是每个人职业生涯的一部分,很多HR说“三年两跳”已经是一个跳槽频繁与否的阈值了,可为什么市面上有很多程序员不到一年就跳槽呢?他们不担心影响履历吗? PayScale之前发布的**《员工最短任期公司排行榜》中,两家码农大厂Amazon和Google**,以1年和1.1年的员工任期中位数分列第二、第四名。 PayScale:员工最短任期公司排行榜 意外的是,任期中位数极小的这两家公司,薪资...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

现代的 “Hello, World”,可不仅仅是几行代码而已

作者 |Charles R. Martin译者 | 弯月,责编 | 夕颜头图 |付费下载自视觉中国出品 | CSDN(ID:CSDNnews)新手...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年1月份最新版)

深入了解IT/互联网行业及岗位,请参阅通用IT/互联网岗位招聘计划(最新全岗版)。 深入了解职业晋升及学习路线,请参阅最优职业晋升路线和课程学习指南(最新全栈版)。 内容导航: 1、TIOBE排行榜 2、总榜(2020年1月份) 3、本月前三名 4、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

01、Java入门(Getting Started);02、集成开发环境(IDE);03、项目结构(Eclipse JavaProject);04、类和对象(Classes and Objects);05:词法结构(Lexical Structure);06:数据类型和变量(Data Type and Variables);07:运算符(Operators);08:控制流程语句(Control Flow Statements);

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

程序员是做全栈工程师好?还是专注一个领域好?

昨天,有位大一的同学私信我,说他要做全栈工程师。 我一听,这不害了孩子么,必须制止啊。 谁知,讲到最后,更确定了他做全栈程序员的梦想。 但凡做全栈工程师的,要么很惨,要么很牛! 但凡很牛的,绝不是一开始就是做全栈的! 全栈工程师听起来好听,但绝没有你想象的那么简单。 今天听我来给你唠,记得帮我点赞哦。 一、全栈工程师的职责 如果你学习编程的目的只是玩玩,那随意,想怎么学怎么学。...

技术大佬:我去,你竟然还在用 try–catch-finally

二哥,你之前那篇 我去 switch 的文章也特么太有趣了,读完后意犹未尽啊,要不要再写一篇啊?虽然用的是 Java 13 的语法,对旧版本不太友好。但谁能保证 Java 不会再来一次重大更新呢,就像 Java 8 那样,活生生地把 Java 6 拍死在了沙滩上。Java 8 是香,但早晚要升级,我挺你,二哥,别在乎那些反对的声音。 这是读者 Alice 上周特意给我发来的信息,真令我动容。的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

立即提问
相关内容推荐