如何在AWS上运行Vue JS应用程序？
如何在AWS上运行Vue JS应用程序？
提问于 2020-09-07 13:18:04
dummy_prototype_1是一个简单的Vue JS应用程序，在我的本地机器上运行良好。现在，我将我的应用程序上传到AWS EC2。我想在永久的网址http://3.137.154.536:8000/上运行这个。但是，下面的代码在本地主机http://localhost:8080/上运行服务器。如何在我的永久URL上运行这个？我是不是遗漏了什么？如果需要进一步的资料，请告诉我。我是AWS新手，请帮帮我。
ubuntu@ip-172-31-43-235:~$ ls
Codes
ubuntu@ip-172-31-43-235:~$ cd Codes
ubuntu@ip-172-31-43-235:~/Codes$ ls
dummy_backend_1 dummy_prototype_1 nodeserver_1
ubuntu@ip-172-31-43-235:~/Codes$ cd dummy_prototype_1/
ubuntu@ip-172-31-43-235:~/Codes/dummy_prototype_1$ npm run dev
> proto@1.0.0 dev /home/ubuntu/Codes/dummy_prototype_1
> cross-env NODE_ENV=development webpack-dev-server --open --hot
Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html
Unable to open browser. If you are running in a headless environment, please do not use the open flag.
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.以下是package.json：
{
"name": "proto",
"description": "Prototype",
"version": "1.0.0",
"author": "Jason",
"license": "MIT",
"private": true,
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
"dependencies": {
"@melmacaluso/vue-modal": "^2.1.0",
"firebase": "^7.14.2",
"fusioncharts": "^3.15.1-sr.1",
"vue": "^2.5.11",
"vue-fusioncharts": "^3.0.4",
"vue-router": "^3.1.6",
"vuex": "^3.3.0"
},
"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": "^13.0.5",
"vue-template-compiler": "^2.4.4",
"webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1"
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2020-09-07 13:33:06
如果计划在EC2实例上承载SPA，则需要Apache这样的HTTP服务器。
- 遵循本指南在EC2上安装apache
- 在本地系统中，构建vue项目。 npm运行构建
- 将在项目根目录中生成
dist/文件夹。 - 将
dist/的内容上载到EC2实例上的/var/www/html。
编辑为apache添加历史模式支持配置。
对于历史模式，您需要像这样配置服务器：
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>从这个帖子。
编辑上传dist到EC2实例
从项目根目录中运行以下命令。
scp -i /path/to/ec2key.pem -r dist/ ubuntu@ip-172-31-43-235:/var/www/html编辑重新启动Apache2服务器
sudo service apache2 restart页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63784375
复制相关文章
![[MySQL]更新时间（加上或者减去一段时间）](https://ask.qcloudimg.com/http-save/yehe-2353021/zta8ivgq02.png)
点击加载更多
相似问题
在VSCode中打开木星: TypeError:无法读取未定义的属性(读取'makeSettings')
文件移动/复制操作后无法读取的木星笔记本
无法发射木星笔记本
无法设置木星笔记本
我无法在我的木星笔记本上读取数据。
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
