yarn run serve 内部也会执行build指令。
你本地跑的代码就是经过webpack构建过后的代码。看build后的目录是路径
本地代码打包丢到服务器上,你访问awp.sss.com/ffe/insuran…,
其实就是向awp.sss.com:443服务器/ffe/insuran…
服务器返回index.html后,浏览器开始解析该html下的内容,遇到script link 等去请求改资源。
不管什么环境,你项目跑的是你打包后的东西,也就是build/dist目录下的内容。
url = path(host) + publicPath子路径 + indexPath(index.html路径)
域名的跟路径 + ffe/项目名称【talos注入的】 + indexPath。
-
outputDir = webapck中的outPut.path
当运行 vue-cli-service build 时生成的生产环境构建文件的目录。默认是dist。
-
publicPath = webapck中的outPut.publicPath -设置子路径。
默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 www.my-app.com/。
如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 www.my-app.com/my-app/,则设置 publicPath 为 /my-app/。
-
indexPath
指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。默认'index.html'。
indexPath: 'pages/index/index.html'在build目录下,新建了pages/index/index.html了
-
多页面
pages下的chunks是指这个页面会引入那些打包后的js文件。