使用Elastic Beanstalk部署Vue JS Django应用

问题描述 投票:0回答:1

我已经在本地构建了一个应用程序,已经准备好进行部署,但是使用Vue作为前端,而将Django作为后端对我来说是新事物。我当前的文件夹结构如下:

-后端-前端-Env

[后端文件夹是一个以sqlite作为数据库的传统Django项目,前端是您正常看似的Vue项目,而env是虚拟环境

我什至不知道该怎么办或要问什么问题,但是我已经看到人们使用AWS Elastic Beanstalk部署SPA。

部署这样的应用程序最直接的方法是什么?

django amazon-web-services vue.js amazon-elastic-beanstalk
1个回答
0
投票

我们经常使用的最佳方式

如果您正在使用ajax调用来访问Django项目

1。创建项目的构建

  1. 一旦创建了内部版本,您需要使用s3或任何其他首选的静态宿主将此内部版本托管到某个URL。

  2. 现在您需要使用EB部署Django项目,一旦部署项目,您将获得一个自动生成的URL

  3. 在您的前端项目中,您需要在配置中设置一个环境变量,这样,每当您构建项目时,所有的ajax调用都将被重定向到弹性beantalk自动生成的URL,并且无论何时在本地工作时,所有调用将被重定向到本地主机URL

下面的代码并不完全是对您的baseurl应该是什么样子的粗略了解

env.APILINK=env.build? 'beanstalkurl':'localhost'

确保向axios或任何其他ajax调用添加基本URL,一旦根据您所使用的环境设置了baseurl,所有的ajax调用都会相应地重定向

对于开发环境

http://localhost/api/getsomedata

对于实际是构建的产品环境

http://beanstalkurl/api/getsomedata
© www.soinside.com 2019 - 2024. All rights reserved.