vue-cli 的history模式去掉#和引入第三方js插件

vue-cli 的history模式去掉#

方法:

export default new Router({
  mode: 'history', // 后端支持可开
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})

造成问题:
打包后,使用nginx启动dist文件夹,但是页面打开,刷新报404

3.png

修改nginx的文件

nginx.conf.png

location / {
  try_files $uri $uri/ /index.html;
}

重新启动,刷新页面,空白页报错

Uncaught SyntaxError: Unexpected token <
vendor.d28ad3cfa3201c7af52a.js:1 Error: Loading chunk 10 failed.
at HTMLScriptElement.d (manifest.30106ba8d1bd312e7adb.js:1)
a @ vendor.d28ad3cfa3201c7af52a.js:1
(anonymous) @ vendor.d28ad3cfa3201c7af52a.js:1

7.png

将config文件夹下的

assetsPublicPath: './',

改成

assetsPublicPath: '/',

8.png

引入第三方js插件

直接在index页面引入(使用import引入,会有一个报错,EasePack.min.js)

改成