htmi开发复杂页面引入Vue组件不显示问题

最近项目组需要开发一个功能，这个功能很多个项目需要共用这个功能，首先这个功能也不是太简单，有个三四个页面，主页面一个，剩下的都是弹出窗！ 想快速做这个功能，考虑到轻量一些，就直接用HTML写一个（引入vue,element-ui,axios）
说问题：组件出不来

<div id="app">
    <danger></danger>
</div>

下面就说下怎么让组件出来
1.引入

<script src="./../js/httpVueLoader.js"></script> // 我是下载到本地的

<script>
    // 使用httpVueLoader
    Vue.use(httpVueLoader);
    // 创建vue
    new Vue({
        // 控制的标签容器
        el: '#app',
        components: {        
            'danger': 'url:./public/danger.vue'  //组件引入
        },
        // 交互的数据
        data: function () {
            return {
            }
        },
        created() {
          
        },
        // 方法
        methods: {
        }
    })
</script>

这样组件就会出来了
下面是更重要的
如果在danger.vue中又引入了组件：比如是一个上传图片组件
就是我们项目中最简单的引入

// danger.vue
<template>
	<admin-upload ref="wasteCodeUrls" v-model="listUrl" class="upload-mini" :limit="4" /> 
</template>
<script>
	import adminUpload  from './../components/piblic/adminUpload.vue'
	export default {
		components:{ adminUpload  }
	}
</script>

这时发现danger中的上传组件怎么都不显示
最重要的来了
只需要在adminUpload.vue中改几个代码就能解决问题

// adminUpload.vue

// 1. type = 'module'
// 2. export default 改成 module.exports = {}

<script type="module">
   module.exports = {
    props: ["limit", "pic"],
      data () {
         return {

这样操作完基本上就没啥问题了
接着
如果你的组件还是没有出来，就需要你本地配置一下代理了
nginx代理
1.下载nginx 官方网站：https://nginx.org/en/download.html

2.安装 安装完直接双击该目录下的"nginx.exe"，即可启动nginx服务器；
3.开浏览器，输入地址：http://localhost，访问页面，出现如下页面表示访问成功。
3.Nginx服务器的配置信息主要集中在"nginx.conf"这个配置文件中

main                                # 全局配置
 
events {                            # 工作模式配置
 
}
 
http {                              # http设置
     server {
        listen       80;
        server_name  localhost;

        location /project/pages/ { // 这个就是我要打开的路径  根据你的实际情况配置自己的代理
            root   html;
            index index.html index.htm;
        }
 

 


}

4.只要你输入http://localhost，访问成功，下面还是出不来的话，就是你代理的路径没有写对，这块你可以请教一下你们公司的后端 他们一般都比较清楚