1.1配置通用的变量ip域名等使用的配置文件:
(该方法会被打被打包,如果是要想打包后修改域名会比较麻烦)
在与src同级创建两个文件:
然后在文件内部这样写变量:
接下来就可以通过vuex或者直接进行全局应用了!
1.2配置被抽离出来的ip域名变量
(上一种方法不能在打包后修改域名,这种方法能解决这样问题)
在src同级的pablic文件下创建config.js文件:
然后在文件中写域名或者其他想要配置的全局变量信息:
最后在进行应用:
打包完成后的config.js(可以进行修改):
2.1history模式下进行打包
这个模式地址栏不会有#号
首先:在router/index.js中
ps:如果服务器不是根路径,需要这样:
然后在src同级的目录下创建的-打包-配置文件vue.config.js配置publicPath
ps:当服务器不是根路径时:(/font-test/为你服务器dist文件放的文件名)
接下来打包即可。
3.1后台的配置
通过nginx配置的服务:
也可以参考这边文章:
https://segmentfault.com/a/1190000017009422?utm_source=tag-newest
首先下载nginx,然后修改conf/nginx.conf
ps:服务器非根路径:
然后把dist文件放在
然后启动nginx:双击exe或者在该文件下打开cmd:输入nginx -s reload
然后在浏览器输入http://localhost回车即可;