在生产中用我在Laravel中的域替换本地主机

Question

我正在使用SPA（Laravel和Vuejs）。在开发过程中，网站项目运行完美，但是在运行npm后运行生产并将其放在实时服务器上时，出现错误，提示

Cors策略已阻止从来源http://localhost:8000/auth_check访问https://hamariweb.com/auth_check处的Xmlhttprequest。

我尝试了解决他们问题的其他解决方案，但没有解决我的问题。我想知道它有什么问题以及如何解决？

Answer 1

听起来像您代码中的某处，您正在尝试向http://localhost:8000/auth_check发送请求，而该请求在产品中将无法正常工作。您需要找到对该URL的调用，并将其替换为对正确URL的调用。

Answer 2

您可以像这样在.env文件中创建ENV设置。

APP_URL=https://hamariweb.com

然后将该env文件共享到您的javascript代码，如下所示。

MIX_APP_URL="${APP_URL}"

以MIX_开头的任何ENV设置都将传递给Javascript，这会将其传递给初始APP URL值。

要最终在JS中获取应用程序URL，请执行以下操作：

process.env.MIX_APP_URL

您甚至可以像这样全局分配整个环境设置。

if(process && process.env){
    window.env          = process.env;
}

届时window.env中将提供任何.env MIX_变量，并且在您的SPA中，您可以根据环境配置URL或任何其他变量。