javascript - 带有 javascript 的 Laravel sanctum SPA 应用程序

Question

我使用了前端 javascript(jquery) 和后端 Laravel 和 sanctum。后端我使用了虚拟主机。

-> 前端 - localhost/login.html

-> 后端 - http://alkmy.local/login

环境文件

APP_ENV=local
APP_KEY=base64:S3rJd8xDyPMOjmuKIR28CFcFcJnMqEwO9A+xFzEZe+Q=
APP_DEBUG=true
APP_DEBUG_bar=true
APP_URL=http://alkmy.local

LOG_CHANNEL=stack

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=sanctum
DB_USERNAME=root
DB_PASSWORD=vc@123

BROADCAST_DRIVER=log
CACHE_DRIVER=file
QUEUE_CONNECTION=sync
SESSION_DRIVER=cookie
SESSION_LIFETIME=120

SESSION_DOMAIN=alkmy.local
SANCTUM_STATEFUL_DOMAINS=alkmy.local

问题

如果我使用“php artisan serve”进行后端访问并在 .env 中设置以下更改，那么它可以工作

SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=localhost

请帮助我如何在虚拟主机上使用 laravel sanctum。

Answer 1

我正在使用 laravel sanctum 并在前面使用 vue，也许你对 cors 有问题，我的意思是，应该添加 cors 'api/*' 另一个问题可能是你失去了会话......为了解决这个问题vue 我们有一个 main.js 文件，像这样

store.dispatch('getUser').then(() => {
  new Vue({
    router,
    store,
    render: h => h(App)
  }).$mount('#app')
})

这里我们使用 store.dispatch('getUser')

Answer 2

它的交叉问题！

您的应用必须在同一个 .tld.test 上

在 example.alkmy.local 上运行你的 frontedapp

github