VUEJS如何在表单提交时调用PHP文件

Question

当我点击(搜索总线)按钮时，我正在VUEJS中设计和开发公交车预订门户。我想调用外部PHP页面，它将在那里显示搜索结果。

我已经在这里托管了参考链接http://d1brg6zcfjtxzw.cloudfront.net/#/bus

请帮帮我！

Answer 1

如果您需要其他调用域，则需要在PHP代码中启用CORS选项。

https://enable-cors.org/server_php.html

仅供参考，而不是示例中的*值，您应该设置自己的域。但在测试阶段，您可以使用as *

Answer 2

你需要学习REST。您可以在更改输入或单击按钮时使用Vue资源库发送GET/POST请求，并解析来自服务器的响应。来自服务器的响应可以包含JSON，您可以对它们执行JSON.parse()操作，并将它们放入数据()或存储中。

Answer 3

• 首先安装vue-resource或vue -axios。
• 将软件包vue-resource添加到vue组件。从‘vue- VueResource’导入资源；Vue.use(VueResource);
• Create http请求

我假设你使用appche服务器，通过创建.htaccess文件来配置appache服务器，来处理CORS策略，.htacess文件内容：

Header always set Access-Control-Allow-Origin "http://ocalhost:8080“Header always set Access-Control-Allow-Age "1000”Header always set Access-Control-Allow-Headers“X-Requested With，Content-Type，Origin，Authorization，Accept，Client-Security-Token，Accept-Encoding”Header always set Access-Control-Allow-Methods "POST，GET，OPTIONS，DELETE，PUT“RewriteEngine On RewriteCond %{REQUEST_METHOD} OPTIONS RewriteRule ^(.*)$ phpFileName.php QSA，L

• 最终在php文件中使用

echo json_decode(file_get_contents('php://input')，true)"key";