edwardkenfox/20161221_s3_cors_test.html

## 20161221_s3_cors_test.html
<!doctype html>
<html class="no-js" lang="">
  <head>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </head>
  <body>
    <div id="app">
      <button @click="getAndExecuteFile">Get {{filename}}</button>
      <br>
      <span> {{image}} </span>
    </div>
  </body>
  <script type="text/javascript">
  window.vm = new Vue({
    el: "#app",
    data: {
      filename: "https://s3-ap-northeast-1.amazonaws.com/edwardkenfox-tmp/alert.js",
      image: null
    },
    methods: {
      getAndExecuteFile: function() {
        axios.get(this.filename)
        .then((response) => {
          this.image = response.data;
        })
        .catch((error) => {
          console.warn(error);
        });

      }
    }
  })
  </script>
</html>
	<!doctype html>
	<html class="no-js" lang="">
	<head>
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	</head>
	<body>
	<div id="app">
	<button @click="getAndExecuteFile">Get {{filename}}</button>
	<br>
	<span> {{image}} </span>
	</div>
	</body>
	<script type="text/javascript">
	window.vm = new Vue({
	el: "#app",
	data: {
	filename: "https://s3-ap-northeast-1.amazonaws.com/edwardkenfox-tmp/alert.js",
	image: null
	},
	methods: {
	getAndExecuteFile: function() {
	axios.get(this.filename)
	.then((response) => {
	this.image = response.data;
	})
	.catch((error) => {
	console.warn(error);
	});

	}
	}
	})
	</script>
	</html>