AWS EC2 CodeDeploy不'；t从Angular dist文件夹加载javascript

我正在使用Bitbucket Pipelines+AWS CodeDeploy+AWS EC2实例来运行我的angular应用程序。管道进展顺利，代码是动态构建的，然后对于EC2，它只上传dist/文件夹。然后，当我尝试访问我的页面时，css文件和js文件没有加载

我尝试使用stackoverflow的另一种解决方案，但没有任何效果。EC2在Ubuntu 18.04的apache2上运行

我试图为js文件授予执行权限，但它也不起作用

所有文件都在同一目录中

/deployment-id/deploment-archive/
-index.html
-runtime.js
-main.js
-polyfills.js
-runtime.js
-styles.css

index.html

<script type="text/javascript" src="runtime26209474bfa8dc87a77c.js"></script>
<script type="text/javascript" src="es2015-polyfillsbda95d5896422d031328.js" nomodule></script>
<script type="text/javascript" src="polyfills8bbb231b43165d65d357.js"></script>
<script type="text/javascript" src="maindcabcbb8258040c4d925.js"></script>

目前，它只呈现带有的空白页面，我在控制台中收到警告“加载源代码失败，请访问www.myawslink.com/main.js”

---

当我试图直接访问这些文件时，apache说“404文件未找到”，但当我通过putty连接到ec2时，我看到部署目录中的文件带有index.html。我希望页面正确呈现，js文件正常工作。

好的，问题出在apache2上

因为这些文件是从/var/www/html/提供的，在我的appspec.yml中，我只包含index.html

所以我改变了

  - source: /index.html
    destination: /var/www/html/

对此

  - source: /dist
    destination: /var/www/html/

现在一切都很顺利

我的bitbucket-pipeline.yml看起来像这样

pipelines:
  default:
    - step:
        name: build angular
        image: node:10
        caches:
          - node
        script:
          - npm install
          - npm install -g @angular/cli
          - ng build --prod
        artifacts:
          - dist/**
    - step:
        name: deploy
        image: python:3.5.1
        script:
          - apt-get update # required to install zip
          - apt-get install -y zip # required for packaging up the application
          - pip install boto3==1.3.0 # required for codedeploy_deploy.py
          - zip -r /tmp/artifact.zip dist/* scripts/* appspec.yml package.json # package up the application for deployment
          - python codedeploy_deploy.py # run the deployment script